كيفية اضافة قائمة متحركة بالمواضيع الجديدة بالصور فى المدونة بلوجر

نقدم لكم اعزائى المدونين اضافة رائعة لمدونتك لكى تزيد من تواجد الزووار بالمدونة اقدم لكم كود لاضافة قائمة متحركة بالصور لاخر المواضيع بالمدونة والقائمه تعرض اخر المواضيع فى صور متحركة زى الموجودة بالمدونة http://nice4alll.blogspot.com/ وميزة هذة الاداة تعطى منظرا جماليا بالمدونة كما انها تسهل على الزائر الوصول لاخر المواضيع بسهولة وهذة الاداة قمت بقرائتها من مدونة وبعد تطبيقى لها قررت ان اضيفها لكم

ولاضافة الاداة

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

 

<script src="http://sites.google.com/site/mohamedabuiyad/sitmapblogger/abuiyad.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:490px;
}
#spylist ul{
width:750px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:245px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Drapeau_blanc.svg/800px-Drapeau_blanc.svg.png) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#004ED4;
font-size:17px;
height:60px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:right;
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>

<script language='javascript'>

imgr = new Array();

imgr[0] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[1] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[2] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[3] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";

imgr[4] = "https://sites.google.com/site/lightbox007/photo/noimageblogger.jpg";
showRandomImg = true;

boxwidth = 500;

cellspacing = 3;

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 = 20;

home_page = "http://nice4alll.blogspot.com//";

limitspy=5
intervalspy=4000

</script>

<div id="spylist">
<script src='http://sites.google.com/site/mohamedabuiyad/sitmapblogger/recentpost-abuiyad-min.js' type='text/javascript'></script><script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
</div></script></div>

ملحوظة هامة قم بتغير ما باللون الا يجب عليك تبديل عنوان المدونة باللون الازرق بعنوان مدونتك .
numposts = 20 ; هذه القيمة تمثل عدد المواضيع التي يمكن مشاهدتها

والنتيجة النهائية تكون على هذا الشكل : الموجود بالمدونة

أتمنى أن تنال إعجابكم وأنتظر تشجيعاتكم