كود متحرك لأخر مواضيع مدونتك بمصغرات الصور من المواضيع

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

========================

كود متحرك لاخر مواضيع مدونتك

بمصغرات الصور من المواضيع

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

وهو كود متحرك لاخر مواضيع مدونتك

بمصغرات الصور من المواضيع

كما يمكنكم معانية الكود

علي مدونتي هنا

هناك ملاحظة مهمه وهي لابدمن وجود صورة معبرة

فى اول الموضوع حتي تظهر في شريط اخر المواضيع

بعد تركيب الكود في مدونتك انسب مكان له في الاعمدة الجانبية

==========

لكى تضيف الأداة الى مدونتك اليك الخطوات

و لكى نضيف هذه الاداة داخل مدونة جوجل

ندخل الى
  1- تصميم
2- عناصر الصفحة
3-اضافة اداة


نضغط اضافة اداة
ومن هنا نختار
HTML/JavaScript

 =============================================

والان اليكم الكود 

===========================

ملحوظة

ويمكن تعديل عدد المواضيع التى تظهر من خلال 

الكود نعدل 

numposts = 6

وايضاً يمكن التعديل فى حجم مصغرات الصور من خلال

thumbwidth = 70

thumbheight = 70

اليكم الكود

==========================

<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:190px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:180px;
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:#111da1;
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:#111da1;
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:#111da1;
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 = 200;

cellspacing = 6;

borderColor = "#111da1";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 10;

acolor = "#111da1";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#111da1";

icon2 = " ";

numposts = 6;

home_page = "http://compuscien.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>

=======================