معهد خبراء بلوجر - أداة (إختيار موضوع عشوائي)

السلام عليكم ورحمة الله وبركاته

هذه اداة (إختيار موضوع عشوائي) تفيد في تنشيط الموضوعات القديمة في مدونتك وكذلك ليبقى الزائر أطول فترة ممكنة

للمعاينة

http://www.knowledge0world.blogspot.com/

الخطوات

1- ادخل الى لوحة التحكم

2- التخطيط

3- إضافة أداة من نوع جافا سكريب

4- الحفظ

كود بلغة HTML:

<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 type='text/css'>

 @import url( 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' );

 #myLuckyPost a {

 position: relative;

 color: rgba(255,255,255,1);

 text-decoration: none;

 background-color: rgba(219,87,5,1);

 font-family: 'Yanone Kaffeesatz';

 font-weight: 700;

 font-size: 30px;

 display: block;

 padding: 4px;

 -webkit-border-radius: 8px;

 -moz-border-radius: 8px;

 border-radius: 8px;

 -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

 -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

 box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);

 margin: 10px auto;

 width: 200px;

 text-align: center;



 -webkit-transition: all .1s ease; 

 -moz-transition: all .1s ease;

 -ms-transition: all .1s ease;

 -o-transition: all .1s ease;

 transition: all .1s ease;

 }



 #myLuckyPost a:active { 

 -webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);

 -moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);

 box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);

 position: relative;

 top: 6px;

 }

 </style>

المصدر:

http://chamelcool.blogspot.com/2012/...g-post_11.html