اضافة خاصية اخر المواضيع بشكل متحرك ورائع

بسم الله الرحمن الرحيم اليوم سأشرح خاصية اضافة خاصية "اخر المواضيع"بشكل متحرك ورائع وهذة الخاصية تتيح لمستخدين المدونة التعرف علي اخر المواضيع التي قمت بوضعها علي المدونة

لاضافة هذة الخاصية ادخل علي "التخطيط",ثم اضافة اداة ثم ,تحريرhtml ,ثم انسخ الكود التالي:



لاضافة هذة الخاصية ادخل علي "التخطيط",ثم اضافة اداة ثم ,تحريرhtml ,ثم انسخ الكود التالي:

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.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/AVvXsEgGtoXk8E0eZ2KIsSYi2up1zP_dpBGVv4qNuHyc3ktdxS-PIq7Fk7Elfajc5qX889RnBdEsmnEslL2NVsqS_ZAiZfFcHUfAbcWUbwgYJ-mtsLofVDjy8x0F3Oe4DsiVyX2tmqF08giil8C-/s1600/bdlab-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>


<script language='JavaScript'>


imgr = new Array();


imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3sXoNq0yOojEslUY3u0lXV4XS9sUjx6qf0hUYDcClpKlorJMysfNp6xCgJnpOQWfV0IcQqrewlsOhcSWUSjjF-NHTxSF7rMUdAB_l1o0tlJ5OO88hqlj1F-0Hn4sy1iy_5O2U97BCsA/s400/noimage.png";


imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3sXoNq0yOojEslUY3u0lXV4XS9sUjx6qf0hUYDcClpKlorJMysfNp6xCgJnpOQWfV0IcQqrewlsOhcSWUSjjF-NHTxSF7rMUdAB_l1o0tlJ5OO88hqlj1F-0Hn4sy1iy_5O2U97BCsA/s400/noimage.png";


imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3sXoNq0yOojEslUY3u0lXV4XS9sUjx6qf0hUYDcClpKlorJMysfNp6xCgJnpOQWfV0IcQqrewlsOhcSWUSjjF-NHTxSF7rMUdAB_l1o0tlJ5OO88hqlj1F-0Hn4sy1iy_5O2U97BCsA/s400/noimage.png";


imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3sXoNq0yOojEslUY3u0lXV4XS9sUjx6qf0hUYDcClpKlorJMysfNp6xCgJnpOQWfV0IcQqrewlsOhcSWUSjjF-NHTxSF7rMUdAB_l1o0tlJ5OO88hqlj1F-0Hn4sy1iy_5O2U97BCsA/s400/noimage.png";


imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3sXoNq0yOojEslUY3u0lXV4XS9sUjx6qf0hUYDcClpKlorJMysfNp6xCgJnpOQWfV0IcQqrewlsOhcSWUSjjF-NHTxSF7rMUdAB_l1o0tlJ5OO88hqlj1F-0Hn4sy1iy_5O2U97BCsA/s400/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://bloggerstyl4u.blogspot.com/";


limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/animated_recent_posts.js' type='text/javascript'></script>
</div>

ملحوظة: هناك بعض التعديلات يجب ان تفعلها في الكود قبل حفظة:
1_تغير هذا العنوان الي عنوان مدونتكhome_page = "http://bloggerstyl4u.blogspot.com/";
2_ لتغير عدد المواضيع الذي تريدة ان يظهر في هذة الاداة numposts = 10;

3_للتحكم في حجم الصورةthumbwidth = 70;

thumbheight = 70;

ثم اضغط "حفظ" ومبروك عليك الاضافة