Post Top Ad

Your Ad Spot

السبت، 28 ديسمبر 2013

اضافة اخر مواضيع من قسم محدد مع مصغرات الصور 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.kingnt.com/feeds/posts/default/-/اضافات بلوجر?alt=json-in-script&callback=labelthumbs"></script>

قبل حفظ الأضافة قم بعمل هذه التغيرات :
1- قم بتغير رقم 3 المحدد باللون السماوى الى الرقم الذى تريدة وهو خاص بعدد عرض مصغرات الصور
2- قم بتغير رابط موقعى المحدد باللون الأخضر الى رابط موقعك .
3- قم بأضافة القسم الذى تريد عرضة بمدونتك بدل من كلمة اضافات بلوجر المحددة باللون الأصفر .
بالأخير اضغط على حفظ وانتهى التركيب وستجد الأضافة تعمل معك بدون اى مشاكل .
ارجو بأن هذه الأضافة اعجبتكم وانتظرونى بأضافة اخرى جديدة 

ليست هناك تعليقات:

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad