اضافة اداة أخر المواضيع متحركة لمدونات بلوجر

<

السلام عليكم ورحمة الله وبركاته

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

صورة للأداة

مثال حي للأداة

طريقة التركيب

1.انتقل إلى لوح تحكم مدونتك
2.إختر "تخطيط" ثم إضافة أداة
3.ثم اختر HTML/Javascript
صورة توضيحية لطريقة التكريب  

الكود

<style type="text/css" >#spylist-widget { overflow: hidden; margin-top: 5px; padding: 0px 0px; height: 385px; font-family:calibri; } #spylist-widget ul { width: 295px; overflow: hidden; list-style-type: none; padding: 0px 0px; margin: 0px 0px; } #spylist-widget li { width: 282px; padding: 5px 5px; margin: 0px 0px 5px 0px; list-style-type: none; float: none; height: 80px; overflow: hidden; background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe-Lp-NAprVyhEUeDWNj-ITimuEBPn5z5ih60RbWKmo54tXW9WrGaYhxFYMJyeUzkwBxaDNlZCeYhR2SF_vXyOe4M8ZVIV7QLhSXMxYGwu16HwDCzvwhNF7UPCxpBfm2kPsOLdULSu3Xk/s320/latesthack.com-.jpg) repeat-x; border: 1px solid #ddd; } #spylist-widget li a { text-decoration: none; color: #21b8ff; font-size: 15px; height: 18px; overflow: hidden; margin: 0px 0px; padding: 0px 0px 2px 0px; } #spylist-widget img { float: left; margin-top: 5px; margin-right: 15px; background: #EFEFEF; border: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding: 4px; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa)); background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: 0 0 3px rgba(0,0,0,.7); box-shadow: 0 0 3px rgba(0,0,0,.7); } #spylist-widget img:hover { -moz-transform: scale(1.2) rotate(-350deg); -webkit-transform: scale(1.2) rotate(-350deg); -o-transform: scale(1.2) rotate(-350deg); -ms-transform: scale(1.2) rotate(-350deg); transform: scale(1.2) rotate(-350deg); -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); } .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/AVvXsEiLvg8elxq9G-zaW3QS3ZUqropm00A_OvPilZ3aalw5ebLrfF2jJ5VxoPrGUtgtrgPXb87iF-i3TPaUxAMDCuMaK3_pOxoxaAkexrcidTe00kxaj34eid72LOPHdz4rYLhz-0YlWZ26l3A/s1600/defaultimage.jpg"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvg8elxq9G-zaW3QS3ZUqropm00A_OvPilZ3aalw5ebLrfF2jJ5VxoPrGUtgtrgPXb87iF-i3TPaUxAMDCuMaK3_pOxoxaAkexrcidTe00kxaj34eid72LOPHdz4rYLhz-0YlWZ26l3A/s1600/defaultimage.jpg"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvg8elxq9G-zaW3QS3ZUqropm00A_OvPilZ3aalw5ebLrfF2jJ5VxoPrGUtgtrgPXb87iF-i3TPaUxAMDCuMaK3_pOxoxaAkexrcidTe00kxaj34eid72LOPHdz4rYLhz-0YlWZ26l3A/s1600/defaultimage.jpg"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvg8elxq9G-zaW3QS3ZUqropm00A_OvPilZ3aalw5ebLrfF2jJ5VxoPrGUtgtrgPXb87iF-i3TPaUxAMDCuMaK3_pOxoxaAkexrcidTe00kxaj34eid72LOPHdz4rYLhz-0YlWZ26l3A/s1600/defaultimage.jpg"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvg8elxq9G-zaW3QS3ZUqropm00A_OvPilZ3aalw5ebLrfF2jJ5VxoPrGUtgtrgPXb87iF-i3TPaUxAMDCuMaK3_pOxoxaAkexrcidTe00kxaj34eid72LOPHdz4rYLhz-0YlWZ26l3A/s1600/defaultimage.jpg"; imgr[5] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvg8elxq9G-zaW3QS3ZUqropm00A_OvPilZ3aalw5ebLrfF2jJ5VxoPrGUtgtrgPXb87iF-i3TPaUxAMDCuMaK3_pOxoxaAkexrcidTe00kxaj34eid72LOPHdz4rYLhz-0YlWZ26l3A/s1600/defaultimage.jpg"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 60; thumbheight = 60;fntsize = 9; acolor = "#21b8ff"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 20; home_page = "http://alshabh4download.blogspot.com/"; limitspy=5; intervalspy=4000; </script><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script><center><div id="spylist-widget"><script src='http://latest-hacks.googlecode.com/svn/gadgets/scrollingrecentposts/scrollingrecentposts.js' type='text/javascript'></script></div></center>
مع تغيير هذا الرابط http://alshabh4download.blogspot.com/
برابط مدنتك
لتغيير طول الاضافه  height: 385px
لتغيير عرض القطعة: width: 295px;؛ width: 282px؛
لتغير حجم الخط fntsize
لتغيير اللون  acolor 
لتغيير سمك الخط  aBold
لتغيير عدد المواضيع بالاضافة numposts = 10
لتغيير سرعة الانزلاق intervalspy = 4000

<

11:19 ص