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

SAMY ELSAGHlR

اخر تحديث :

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

اهلا وسهلا بكم فى درس جديد وفى هذا الدرس سو نتعرف على أضافة أخر الموضيع التى تقدمها فى موقع بشكل جميل كما يوجد بهذا الصورة الموضحة عند مشاركة موضوع جديد فى موثع سوف يظهر بشكل تلقائى فى هذا الااضافة والان سوف أشرح لك كيفية وضع هذا الاضافة فى المدونة
أولاً قم بنسح هذا الكود

<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="ضع هنا رابط موقعك/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>

ثم أذهب الى التخطيط