بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
سكريبت آخر المواضيع مهم جدا ليبقى الزائر أطول مدة ممكنة فى موقعك
لأنه يتيح لعرض عدد من آخر المواضيع التى تحددها بطريقة متحركة وجميلة
تم تحديث الروابط الخاصة بالإضافة ومن توقفت هذه الإضافة بموقعه عليه بإعادة نسخ الكود التالى إلى موقعه
السكريبت بتقنية
بتقنية jQuery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjKr7Q04Omjllirsbxp-rfBqyNXtkqbh06NxLweuc5lOQuh9_DngkFUBGs5M_tHA1OSM0vZOQ27A0l861ZKxbQ3wupyUnU2K9Akuw5Gm58vhbyfjqCzP8mk8xqS0znsUOjTo6HKHMfX1s/s1600/24work-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9Px5I7iclGsExWOLFRETGr0-eUGjv6iOyN47UqECOAxL-Byw7cL5pJ_Vinn2F3xFaYoK1FZuo_IAnks0SDWVNCPHPcMHnm3xNN9kzqsxQc3icQ-HyTZNI4RF-f0qIijVnfPBeujPoxNJ/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9Px5I7iclGsExWOLFRETGr0-eUGjv6iOyN47UqECOAxL-Byw7cL5pJ_Vinn2F3xFaYoK1FZuo_IAnks0SDWVNCPHPcMHnm3xNN9kzqsxQc3icQ-HyTZNI4RF-f0qIijVnfPBeujPoxNJ/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9Px5I7iclGsExWOLFRETGr0-eUGjv6iOyN47UqECOAxL-Byw7cL5pJ_Vinn2F3xFaYoK1FZuo_IAnks0SDWVNCPHPcMHnm3xNN9kzqsxQc3icQ-HyTZNI4RF-f0qIijVnfPBeujPoxNJ/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9Px5I7iclGsExWOLFRETGr0-eUGjv6iOyN47UqECOAxL-Byw7cL5pJ_Vinn2F3xFaYoK1FZuo_IAnks0SDWVNCPHPcMHnm3xNN9kzqsxQc3icQ-HyTZNI4RF-f0qIijVnfPBeujPoxNJ/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9Px5I7iclGsExWOLFRETGr0-eUGjv6iOyN47UqECOAxL-Byw7cL5pJ_Vinn2F3xFaYoK1FZuo_IAnks0SDWVNCPHPcMHnm3xNN9kzqsxQc3icQ-HyTZNI4RF-f0qIijVnfPBeujPoxNJ/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://yoursite.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-1.js' type='text/javascript'></script>
</div>
طريقة التركيب:
الدخول على التصميم ثم إضافة أداة
Html,Javascriptالدخول على التصميم ثم إضافة أداة
نسخ الكود السابق ولصقه بالنافذة
ثم قم بهذه التعديلات بعد الفاصل:
وضع رابط موقعك أو مدونتك بدلا من
http://yoursite.blogspot.com/
ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة
numposts = 10;
يفضل وضع صورة فى كل موضوع لتظهر بالإضافة.
من مميزات هذا السكريبت أنه لا يتعارض مع أى سكربتات موجودة بالموقع.
