السبت، 28 ديسمبر 2013

اضافة اخر مواضيع من قسم محدد مع مصغرات الصور 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="http://www.kingnt.com/feeds/posts/default/-/اضافات بلوجر?alt=json-in-script&callback=labelthumbs"></script>

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

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

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

الرموز التعبيريةالرموز التعبيرية