-->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الأحد، 5 مارس 2017

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

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

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

إرسال تعليق