موضوعنا اليوم هو عبارة عن كود يمكن من إضافة قائمة للمواضيع الأخيرة التي ثم نشرها في موقع أو مدونة
و دلك بشكل متحرك من الأسفل الى الأعلى
إليكم طريقة تركيب الكود
-1-
Ajouter un gadget ثم إلى Mise En Page إدهب إلى Blogger من
HTML/JAVASCRIPT ثم اختيار
-2-
إضافة الكود التالي
<!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:265px; } #spylist ul{ width:300px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:288px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:50px; overflow: hidden; background:#fff url() repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:12px; font-family:Tahoma,Arial,verdana, sans-serif; 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:0px; 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:0px; 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 = 50; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 7; home_page = "http://www.librarydev.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> <div dir="rtl" style="text-align: right;" trbidi="on"> <div dir="ltr" style="text-align: left;"> <span style="font-size: xx-small;">by <a href="http://www-se.blogspot.com/" target="_blank">Servnet</a></span></div> </div> |
-3-
إلى رابط موقعك http://www.librarydev.blogspot.com/بعد إضافة الكود ما عليك الآن سوى تغيير
إلى عدد المواضيع التي تريد ظهورها numposts = 7 ثم تعديل
بالعرض الدي يناسبك width:300px و width:288px دون أن ننسى تعديل
قم بحفظ التغييرات و تمتع بالإضافة الجديدة
إنتظرونا إلى إضافة قادمة و السلام عليكم
0 التعليقات:
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.