JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

Home

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

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

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


صورة توضح لشكل الأضافة الأكثر من رائعة :
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="https://starstube2.blogspot.com/feeds/posts/default/-/اضافات بلوجر?alt=json-in-script&callback=labelthumbs"></script>

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

عاطف بدوى

Comments
No comments
Post a Comment
    NameEmailMessage