اضافة اخر المواضيع بشكل جميل

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

 اذهب إلى لوحة تحكم مدونتك > التخطيط > إضافة أداة > Html/javascript ضع بها الكود التالى :

<style text-type="CSS">
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>
<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 = 9;
</script>
<script type="text/javascript" src="http://hanafi-hanga.blogspot.com/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>

غير رابط مدونتي برابط مدونتك .