Blogger rastgele yazı eklentisi

Merhaba ;


Sevgili blogger'lar , sizlere birçok ziyaretçinin nedenini anlamadığım şekilde tıkladığı ve sayfaya eğlenceli bir hava katan eklentiyi paylaşmak istedim.
Yukarıdada söylediğim gibi hemen hemen bütün ziyaretçiler emin olun bu butona basacaktır :)

Eklentinin mantığı ; bloğumuzun herhangi bir yerine bu eklentiyi eklediğimizde rastgele yazı için tıkla butonu çıkıyor ve ziyaretçiler bu butona tıkladığında bloğumuzdaki konulardan rastgele bir konu açılıyor.






Eklentiden bir görüntü ;

Kurulum ;

Oldukça basit bir kurulumu var.

Kumanda paneli > yerleşim > gadget ekle > html/javascript kodu diyoruz ve aşağıdaki kodları ekliyoruz.

<!-- http://bloggereklentideposu.blogspot.com.tr rastgele yazı eklentisi kod başlangıcı -->
<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 = 'rastgele yazı için tıkla'; 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: 25px;
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 transparent;
-moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px transparent;
box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px transparent;
margin: 10px auto;
width: 250px;
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://bloggereklentideposu.blogspot.com.tr rastgele yazı eklentisi kod bitişi -->

Daha sonra yerleşim panelinden sürükle bırak yöntemiyle istediğimiz yere ekleyebiliriz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger rastgele yazı, blogger rastgele yazı eklentisi, blogger rastgele yazı eklentisi kodu, blogger, blogger rastgele yazı, "

Dipnot

Bu yazı 21 Eylül 2015 Pazartesi günü Unknown tarafından yazılmıştır. Güncel yazılarımızı RSS 2.0 sistemini kullanarak takip edebilir, dilerseniz bu konu hakkındaki düşüncelerinizi yorum bölümünü kullanarak bana ve değerli ziyaretçilerime iletebilirsiniz.