اضافة زر تدوينة عشوائية لقوائم قوالب بلوجر


بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته اليوم معى اضافة رائعة ومميزة لقوائم قوالب بلوجر

خطوات تركيب الاضافة


اولا:نذهب الى لوحة تحكم بلوجر ثم قالب 

ثانيا:نبحث عن الرمز <head/>

نضيف فوقه الكود التالى
<style>#mbl-random{float:left;margin:0 auto;padding:0;font-size: 28px;background: #7B7F81;}
</style>
ثالثا: تضيف الكود التالى فوق الوسم <body/>


<script type='text/javascript'>/*<![CDATA[*/function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = '<i class="fa fa-random" ></i>'; document.getElementById('mbl-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">/*]]>*/</script>

رابعا:حسب نوع القائمة 


<a class='fa-home' href='/'>الرئيسية</a></li><li><a href='http://goo.gl/nJEdFc'> اضافات بلوجر</a></li><li><a href='http://goo.gl/bCewXU'> ويندوز فون </a></li><li><a href='http://goo.gl/bQELim'> البث المباشر</a></li><li><a href='http://goo.gl/kJK968'> العب اونلاين</a></li><li>  <a href='/search/label/نصائح'>نصائح</a></li><li>  <a href='/search/label/قوالب بلوجر حصرية'>قوالب بلوجر</a></li><li><a class='fa fa-th' href='#'>المزيد</a><ul class='menus'><li><a href='http://dabourphone.blogspot.com/p/blog-page_30.html' target='_blank'> اتصل بنا</a></li><li><a href='http://dabourphone.blogspot.com/p/blog-page_160.html' target='_blank'> اعلن معنا</a></li></ul></li><div id='mbl-random' title='موضوع عشوائي'/></ul><script type='text/javascript'>menunav(jQuery);searchxx({summaryLength:100,scrthumbSize:50});</script></nav></div></div></div>

ملاحظة : الكود المظلل باللون المختلف هو كود استدعاء الاضافة 

دبور فون

M.H.I

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

  1. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. السلام عليكم اخى لتغيير اللون غير #7B7F81 بكود اللون اما لتفعيل الزرضع هذا الكود
      <div id='mbl-random' title='موضوع عشوائي'/>
      فى اى مكان يعمل الزر

      حذف
  2. لو سمحت كود الي انتا كاتب علي حسب نوع القائمة اين اضعه ؟

    ردحذف
    الردود
    1. تضعه بعد انتهاء وسم <ul> الخاص بقائمتك او فى اى مكان لانه كود استدعاء الاضافة والكود المقصود هو الكود المحدد باللون البرتقالى اى هذا الكود
      <div id='mbl-random' title='موضوع عشوائي'/>
      واى استفسار اخر اتره فى تعليق سعيد جداً بزيارتك :) Db:

      حذف

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

أحدث الأخبار

10/recent