• اخر المشاركات

    كينج نت الدعم الفنى لمدونات بلوجر

    موقع كينج نت الدعم الفنى لمدونات بلوجر ونظم التشغيل الكمبيوتر والانترنت

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

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

    إرسال تعليق

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

    الربح من الانترنت

    الامن والحماية من الفيروسات

    عالم الكمبيوتر والإنترنت