Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

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

كينج نت ملك النت | 12/28/2013 |
اضافة مصغرات الصور بأخر مواضيع المدونة من قسم تحددة انت اضافة اكثر من رائعة وقمت بتجربتها قبل ان اضعها لكم الأضافة عبارة عن ظهور صور مصغرة صورة لكل موضوع وعند وضع مؤشر الماوس على الصورة المختارة  سيظهر شريط به عنوان التدوينة ومن خلال الاضافة بأمكانك ان تضع عدد لا نهائى من عرض اخر المواضيع بقسم محدد ولاننسى بأن الأضافة خفيفة على المدونة لا تسبب اى ثقل للمتصفح والا تسبب اى ازعاج للزوار .





صورة توضح لشكل الأضافة الأكثر من رائعة :

شرح اضافة اخر مواضيع من قسم محدد مع مصغرات الصور:
اذهب الى لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار 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- قم بأضافة القسم الذى تريد عرضة بمدونتك بدل من كلمة اضافات بلوجر المحددة باللون الأصفر .
بالأخير اضغط على حفظ وانتهى التركيب وستجد الأضافة تعمل معك بدون اى مشاكل .
ارجو بأن هذه الأضافة اعجبتكم وانتظرونى بأضافة اخرى جديدة 

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

إرسال تعليق

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

الأرشيف