أضف أداة أخر المواضيع إلى مدونتك بلوغر

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

لنبدأ على بركة الله 

مـشـاهدة مـثـال

1- أدخل إلى حساب مدونتك. 

2- إختر تصميم.

3- إضغط على إضافة أداة.

4. في النافذة التي ستضهر لك سوف تختار  HTML/Javascript  .

في الخانة الأولى ضع العنوان وفي الخانة الثانية ضع الكود التالي :

<!-- Recent Post By Www.homeblooger.blogspot.com --> <script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPmiT6_jSuyiqRw1OAlWLdWmtVenoiUuHLpGdjIhBDEz2Gg0rVHC2-IVybPJ4L4N3JZ31-T4PpKmRLwJBgSk3FU8lBOYGwX3K_HzCWgg_yOcq8IJ8Fg3hIx2s2Augfy40hBO_f7-eVioI/s1600/img1.jpg"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtNN1Hg9bqOhiIWKDjLcAVBVqM74giRGvwjfZ5L1alb7aNn7oCdmujFL6H9YMxNUjSzmT_8n90hcrwVdEO_-IZIm2cgaNVwtrlG8_6FE2eUM1HrdNuY-KMFtNCH4kLhL-ua4Orqd-Utic/s1600/img2.jpg"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh47beBZwOAuiOcRhzaVnOcDymffnETYmuLSnHoqDQ1vEGGf5m1Ih6qBywgjowF_fWmrCB4hQulKx4S87Ac0tv7voiriiYQ91rchzh5El8WqwMA4jF57_rjjlZYMrv7XIpgEUyR6qzUsyU/s1600/img3.jpg"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjByVQ7pOgjV29THM9QYjUl2rrJkdn94414z3p-8zYR0puDoKfKRO1BG2_8x3Ubswh6niXA5trgichHLB9q4gnyEt4hLDRPzmadvrKB7UJ6l9KsWuikgmRSym2aod3Ds2ucHDWxz595HZE/s1600/img4.jpg"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpMyFTI3swEafJ9fL3FPBIWLnQ1m-h8ASgDHr0OZcvQNiL9zE_7ovcmbFtE6kPj0s3CmRyTn6ifNqUDrCxf1Ht60jCs2hH4d9tpZecmfDMRjH1aX7_C8VsHBTQ1X3YZFzWjnqhkI9L20o/s1600/img5.jpg";
showRandomImg = true;
tablewidth = 260; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#ffffff"; imgwidth = 40; imgheight = 40; fntsize = 12; acolor = "#000"; aBold = true; icon = " "; text = ""; fsize= "11"; showPostDate = true; summaryPost = 60; summaryFontsize = 11; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "http://homeblooger.blogspot.com/"; </script>
<script type="text/javascript" src="http://related-sources.googlecode.com/files/recentposts.js"></script>
<!-- End Recent Post By Www.homeblooger.blogspot.com -->

ما يجب أن تغييره قبل إضافة الكود  إلى موقعك

1-

http://homeblooger.blogspot.com/ 

 إستبدله بعنوان موقعك.


2- 

tablewidth = 260; 

إستبدله بالمقاس الذي يناسب القائمة الجانبية لمدونتك.


3-

bgTD = "#ffffff"; 

لون خلفية الإضافة الإفتراضي هو الأبيض بإمكانك تغيير ffffff بما يناسب مدونتك.


4-

summaryPost = 60;

عدد كلمات الوصف التي سوف تظهر أسفل العنوان.

تم وبحمد الله

إذا كانت هنالك أي ملاحظة حول الكود فالمرجو وضعها في التعليقات