اضافة اخر مواضيع لقسم محدد مع مصغرات الصور Subjects with image thumbnails

اضافة مصغرات الصور بأخر مواضيع Subjects with image thumbnails أي قسم تختاره من المدونة تعتبر رائعة وتعطي شكل جمالي للمدونة ، حيث تظهر صورة مصغرة لكل موضوع وعند وضع مؤشر الماوس على الصورة المختارة سوف يظهر شريط به عنوان الموضوع ومن خلال تلك الإضافة بإمكانك ان تضع أي عدد من المواضيع للقسم الذي تم إختياره للعرض ، و قبل أن نضيف أي كود بمدونة بلوجر ، يجب أن نأخذ نسخة إحتياطية من قالب المدونة ، ولكي نضيف تلك الإضافة بمدونة بلوجر نتبع الخطوات التالية :

1- إذهب إلى لوحة التحكم .

2- نضغط على كلمة تخطيط من القائمة الجانبية .

3- يتم الضغط على إضافة أداء جديدة ثم نختار الأداة HTML/Java Script

وذلك كما هو موضح بالصورة التالية :

4 - ثم نضيف الكود التالي داخل الأداة :

img.label_thumb {float:right;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>

//<![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 = 3;

</script>