اضافة زر التدوينة العشوائية الى مدونتك
زر او اضافة التدوينة العشوائية هي احدى الاضافات الرائعة لمدونات بلوجر , فهي تساعد الزائر في الوصول الى مواضيعك وتدويناتك السابقة دون تحمل العناء الكبير في تقليب صفحات المدونة .
لإضافة زر التدوينة العشوائية الى مدونتك انتقل الى لوحة التحكم واختر تصميم ثم عناصر الصفحة ومن هناك اضغط على اضافة اداة ثم اختر اداة HTML/JAVA وفي الاداة اضف الكود التالي :
الكود المظلل باللون الاحمر هو الكود الخاص بالصور التي ستظهر للزائر ليضغط عليها وينتقل لتدوينة عشوائية , اذا رغبت في تغيير صوره من اختيارك فقم بتغيير الكود المظلل واذا اردت الصوره التي فمدونتي فلا تقم بتغيير الكود المظلل باللون الاحمر .
بعد كتابة الكود في الاداة قم بحفظ الاداة , وستجدها في مدونتك
اي استفسار اتركه في التعليقات
لإضافة زر التدوينة العشوائية الى مدونتك انتقل الى لوحة التحكم واختر تصميم ثم عناصر الصفحة ومن هناك اضغط على اضافة اداة ثم اختر اداة HTML/JAVA وفي الاداة اضف الكود التالي :
<div id="myLuckyPost"></div> <script type="text/javascript"> 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 = '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWcW2yhl-Xb40R4ADvZziRiC6iOQDellRRI4KgKVY8r5ttsV8gaXNrRxIAlyjdjSeuF7PPSbdOs_IZwFM21my8oBR3I_U-_StxX9l92Iyu2F-HOotlph_IWzbEoWMDK2LgWXzImJv2dcc/" width="270" align="center">'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>
الكود المظلل باللون الاحمر هو الكود الخاص بالصور التي ستظهر للزائر ليضغط عليها وينتقل لتدوينة عشوائية , اذا رغبت في تغيير صوره من اختيارك فقم بتغيير الكود المظلل واذا اردت الصوره التي فمدونتي فلا تقم بتغيير الكود المظلل باللون الاحمر .
بعد كتابة الكود في الاداة قم بحفظ الاداة , وستجدها في مدونتك
اي استفسار اتركه في التعليقات
الكود غير كامل .. رابط الصوره لم يضهر كله
ردحذف