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

الســـــــــــــــــــــــــــــــــــــلام عليكم زوار ومتتبعي مدونة بوزوم
اليوم مع درس جديد واضافة جديد بحوالله وارادته هذه الاضافة عبارة عن اخر المواضيع
التي تنشر علي مدونات بلوجر ولاكنها بشكل جديد وحصري علي مدونة بوزوم
حيث تظهر المشاركات وصورها في جانب المدونة والمن يريد معاينتها سيجدها
في مدونة بوزوم
تابعو الشر معي
اذهب إلى لوحة تحكم مدونتك > التخطيط > إضافة أداة > 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://blogbzm.blogspot.com/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>
غير مابلون الأحمر الي رابط مدونتك 
من فضلك اضغظ لايك لمشاهدة لينك التحميل

3 تعليق على "اضافة اخر المواضيع بشكل جميل"

  1. كود رائع بارك الله فيك إلى الأمام
    صاحب مدونة فضاء البرمجة والتطوير

    ردحذف
  2. لو سمحت أخى الفاضل أين حقوق مدونة ابداعاتى
    http://myebd3at.blogspot.com/2013/11/blog-post_12.html

    ردحذف
  3. شكرا أخي الفاضل علي المرور الكريم

    ردحذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب وعدم نشر روابط إشهار حتى ينشر التعليق
ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =s =d =f =g =h =t =y =u =z =x =c =v =b =n =a =e =r