الثلاثاء، 12 نوفمبر 2013

إضافة أخر المواضيع بشكل مميز مع مصغرات الصور

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

والأن مع شرح التركيب
اذهب إلى لوحة تحكم مدونتك > التخطيط > إضافة أداة > Html/javascript 
ضع بها الكود التالى
<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 = 9;</script>
<script type="text/javascript" src="http://myebd3at.blogspot.com/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>
طريقـــــة التنسيق
width:78px عرض الصور المصغرة
height:78px ارتفاع الاضافــــــــــــــة
var numposts = 9 هو عدد المواضيع

√ دمتم فى ود متتبعى مدونة ابداعاتى الكرام  √
من فضلك اضغظ لايك لمشاهدة لينك التحميل

0 التعليقات:

إرسال تعليق

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار