كود اخر التدوينات بشكل مميز للبلوجر

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

مثال حى للأضافة

<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://3rbaway.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>

إليك بعض المقالات التي قد تكون مفيدة:

طريقة أضافة الة حاسبة الى مدونات بلوجر بأكثر من شكل

طريقة تضمين منشور post من الفيسبوك لمدونات بلوجر

اضافة كود الحديث والدعاء والحكمة الى مدونات بلوجر

جعل فيديو اليوتيوب خلفية لمدونات بلوجر