إضافة أخر المواضيع بطريقة متحركة

إضافة المواضيع الجديدة بطريقة متحركة

إضافة أعجبتني وهي جميلة جدا خاصة بأخر المواضيع التي نشرتها بمدونتك. 

  

شرح الاضافة

 توجه إلى تصميم ، عناصر الصفحة ، إضافة أداة ، HTML/JavaScript ثم ألصق الكود الموجود في الأسفل. 

  

<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(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.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] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
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://abuali710.blogspot.com/";


limitspy=4
intervalspy=4000


</script>


<div id="spylist">
    <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js'
type='text/javascript'></script>
</div>   

للتعديل في الكود قم بتبديل ما لون ب:

1. اللون الأحمر غيره برابط مدونتك وهذا ضروري
2. اللون الأزرق لتغير حجم الإضافة
3. اللون الأخضر لتغيير خلفية الإضافة
4. اللون البني لتغيير حجم الصورة التي ستظهر في الإضافة
5. اللون البنفسجي خاص بعدد المواضيع التي ستظهر

أتمنى أن تنال الإضافة إعجابكم.