Rastgele Yazı Butonu Oluşturmak

Blogger kullanıcıları için tasarlanmış olan Rastgele Yazı butonuna tıkladığınızda blogunuz içinde eklediğniz konuyu açar,tabi bu işlemlede blogunuzdaki bir etiket başlığınıda bu buton sayesınde yazılarınız içinde belirtebilirsiniz.Örneğin blogunuzda bilgisayar ile ilgili bir etiketiniz var ise bu etiketin linkini buton html kodları içine ekleyerek işlemi yapabilirsiniz.
Ayrıca "Rastgele Yazı Butonu" başlık yazısı yerine siz başka bir başlıkda ekleyebilirsiniz.

Rastgele Yazı Butonunu Blogger'e Nasıl Eklenir?

1. Blogger Kumanda Panelinden Yerleşim>Gadget Ekle>Html/Javascript yolunu takip edelim.

2. Aşağıdaki kodu kopyalayıp açmış olduğunuz gadgetin içine yapıştırıp kaydedin.

<!-- Start Gadget Code Random Post Buton http://etralibela-61.blogspot.com/ -->
<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 Bir Yazı Göster!'; 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>
<!-- End Gadget Code Random Post Buton http://etralibela-61.blogspot.com/ -->

Kod İçerisinde Düzenlenecek Olan Kısımlar;
Rastgele Bir Yazıyı Göster! : Burda buton içinde görüntülenecek başlıkğı yazın.
font size : 25px : Buton içindeki metin boyutunu belirtir.
width : 250px : Butonun genişlik değerini belirler.



Bizi Takip Edin
Pinterest Facebook Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın.