اضافة اخر مواضيع من قسم محدد مع مصغرات الصور RECENT POSTS LABEL

أترك تعليقا



اذهب الى لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT
 
 
قم بأضافة الكود التالى :
 
<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 = 3;
</script>
<script type="text/javascript" src="http://www.kidzwourld.us/feeds/posts/default/-/Games?alt=json-in-script&callback=labelthumbs"></script>
<span style="float: right; font-size: 10px; font-weight: normal; line-height: 0px; margin-top: 15px;">
 <a href="
goo.gl/LKRR2p" style="color: red;"></a></span>
قبل حفظ الأضافة قم بعمل هذه التغيرات :
 
1- قم بتغير رقم 3 المحدد باللون السماوى الى الرقم الذى تريدة وهو خاص بعدد عرض مصغرات الصور
2- قم بتغير رابط موقعى المحدد باللون الأخضر الى رابط موقعك .
3- قم بأضافة القسم الذى تريد عرضة بمدونتك بدل من كلمة اضافات بلوجر المحددة باللون الأصفر .
بالأخير اضغط على حفظ وانتهى التركيب وستجد الأضافة تعمل معك بدون اى مشاكل

المصدر   هنا

0 التعليقات:

إرسال تعليق