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

بسم الله الرحمن الرحيم

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

 




و لكي تتمكن من إضافتها توجه إلى تصميم ، عناصر الصفحة ، إضافة أداة ، 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;

اقرا ايضا :إضافة خاصية إقرأ المزيد Red More

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;

اقرا ايضا :إضافة إحصائيات لمدونتك statistics Widget

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();

اقرا ايضا :إضافة سكريبت التحميل لمدونتك QueryLoader

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;

اقرا ايضا :ضع أكوادك في المدونة بطريقة إحترافية و أنيقة Code Box

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://widget-blogs.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. اللون البنفسجي خاص بعدد المواضيع التي ستظهر

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