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

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

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

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

اضغط هنا

ولأضافة الكود الى مدونات بلوجر 

نقوم بالذهاب الى 

لوحة تحكم بلوجر --> التخطيط -->   أضافة أداة   -->   أضافة   HTML/JavaScript

ثم لصق الكود التالى  مع تغيير http://www.3rbaway.blogspot.com   برابط مدونتك

<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>

تمت التدوينة بفضل من الله تعالى

تعديل المقال