السلام عليكم ورحمة الله مازلنا مع إضافات بلوجر واليوم سأقدم لكم إضافة موضوع عشوائي من تنسيقي الخاص أتمنى أن تنال إعجابكم.
شكل الأداة:
تركيب الأداة:
من لوحة تحكم المدونة إذهب إلى التخطيط ثم إضافة أداة ثمHTML/Java script.
ثم قم بلصق الكود التالي في المكان الفارغ:
------------------------------------------------------------------------------------------------------------
<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 = 'موضوع عشوائي'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky'></script>
<style>
#myLuckyPost a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1F_fJ3rLNNdEWhA4kLsSpPGczIPTGle7AsGCTUjSzKz78KJUK1FYVvCJ25hQFOw0AwLJSikIhD9lZo39zj8aJb0ydmKz2qFnVlyFZKsWfZnS9ku6odcAKEcdS032J4TXuulqpInCA14w1/s1600/random-post.png) no-repeat 265px #D0E4E9;border-bottom:#62a5f7 solid 5px;display:block;padding:10px;text-align:center;}
</style>
<style>
#myLuckyPost a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1F_fJ3rLNNdEWhA4kLsSpPGczIPTGle7AsGCTUjSzKz78KJUK1FYVvCJ25hQFOw0AwLJSikIhD9lZo39zj8aJb0ydmKz2qFnVlyFZKsWfZnS9ku6odcAKEcdS032J4TXuulqpInCA14w1/s1600/random-post.png) no-repeat 265px #D0E4E9;border-bottom:#62a5f7 solid 5px;display:block;padding:10px;text-align:center;}
</style>
------------------------------------------------------------------------------------------------------------
مبروك عليك الأداة بقي أن أضيف أنه يمكنك تغيير كلمة 'موضوع عشوائي' بأي عبارة تريد










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