اضافة بلوجر رائعة اضافة آخر المواضيع على شكل صور

اضافة بلوجر رائعة اضافة آخر المواضيع على شكل صور

يمكنك اضافة آخر المواضيع في مدونتك لاطلاع زوارك على جديد مدونتك 

مميزات اضافة آخر المواضيع على شكل صور

* اضافة بالصور فقط.
* تحدث تلقائيا.
* يمكن وضعها في اي مكان تريد.
* التحكم في عدد المواضيع المراد ظهورها.
* التعديل على شكل الاضافة.

معاينة اضافة آخر المواضيع على شكل صور

مـــــــــــــــــــــــــــــــــن    هـــــــــــــنـــــــــــــــــــــا

 طريقة تركيب اضافة آخر المواضيع على شكل صور

1- من لوحة التحكم  >>>  تخطيط >>> اضافة أداة html/javascript .
2- ضع الكود التالي في الأداة :

<center> <style text-type="CSS">

img.label_thumb {float:center;padding:2px;background:#fff;border:1px solid #000;width:78px;height:78px;margin-right:10px;margin-top:5px;margin-bottom:5px; }

img.label_thumb:hover {opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.8 }

</style>

<script type='text/javascript'>

//<![CDATA[

function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}

if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}

var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)

{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}

else thumburl='';}

document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');

if(i!=(numposts-1))

document.write('');}

document.write('</div>');}

//]]>

var numposts = 12;

</script>

<script type="text/javascript" src="http://microelnems.blogspot.com/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>



<span style="float: right; font-size: 10px; font-weight: normal; line-height: 0px; margin-top: 15px;"></span></center>

4- احفظ الأداة.

 تعديل اضافة آخر المواضيع على شكل صور

1- قم بتغيير رابط مدونتي بالازرق http://microelnems.blogspot.com برابط مدونتك  .
2-رقم 12 بالاحمر هو عدد المواضيع المراد ظهورها في الاداة (يمكنك تغييره)
3- رقم 78 بالاخضر طول  وعرض الصورة (يمكنك تغييرها ) .