طيبة مصرية || Egyptian Tiaba طيبة مصرية ||  Egyptian Tiaba
recent

آخر الأخبار

recent

اضافة اخر مواضيع لقسم محدد مع مصغرات الصور Subjects with image thumbnails

اضافة مصغرات الصور بأخر مواضيع  Subjects with image thumbnails أي قسم تختاره من المدونة تعتبر رائعة وتعطي شكل جمالي للمدونة ، حيث تظهر صورة مصغرة لكل موضوع وعند وضع مؤشر الماوس على الصورة المختارة  سوف يظهر شريط به عنوان الموضوع ومن خلال تلك الإضافة بإمكانك ان تضع أي عدد من المواضيع للقسم  الذي تم إختياره للعرض  ، و قبل أن نضيف أي كود  بمدونة بلوجر ، يجب أن نأخذ  نسخة إحتياطية من قالب المدونة ،  ولكي نضيف تلك الإضافة بمدونة بلوجر  نتبع الخطوات التالية :
1- إذهب إلى لوحة التحكم .
2- نضغط على كلمة تخطيط من القائمة الجانبية .
3- يتم الضغط على إضافة أداء جديدة  ثم نختار  الأداة HTML/Java Script
وذلك كما هو موضح بالصورة التالية :


4 - ثم نضيف الكود التالي داخل الأداة :

<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.tiaba.blogspot.com.eg/feeds/posts/default/-/بنوك?alt=json-in-script&callback=labelthumbs"></script>

مع ملاحظة ضرورة تغيير الآتي قبل حفظ تلك الإضافة :

1- قم بتغير رقم 3 المحدد باللون الأحمر الى أي رقم تريده وهذا الرقم خاص بعدد عرض مصغرات الصور .
2- قم بتغير رابط موقعى (http://www.tiaba.blogspot.com.eg) المحدد باللون الأزرق الى رابط موقعك .
3- قم بإضافة القسم الذى تريد عرضه بمدونتك بدل من كلمة بنوك المحددة باللون البيج .
4- يتم حفظ الأداة وبذلك يكون إنتهي التركيب .

جزى الله خيرا كل من ساهم فيه

التعليقات



إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

طيبة مصرية || Egyptian Tiaba

2021