Rss Abonelik kutusu ve sayaçlı sosyal medya butonları
RSS kutusu Sosyal medya |
- Rss Abonelik ve sosyal medya Butonları
- Bloggerda sosyal medya butonlarının kullanımın önemi
- Blogger sosyal paylaşım butonları
- Sayfa da aşağı inildiğinde çıkan paylaş eklentisi
- Blogger paneline giriş yapıyoruz.
- Yerleşim sekmesine tıklıyoruz.
- Gadget ekle butonuna tıklıyoruz.
- Html/java script 'i seçerek aşağıdaki kodları yapıştırıyoruz.
- Kaydet butonuna tıklıyoruz.
<style>
#ugurturkoglusocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#ugurturkoglucounters {
list-style: none;
margin:0px;
overflow: hidden;
width:300px;
padding:10px 0 40px 0;
margin:10px 0 -60px 12px;
}
ul#ugurturkoglucounters li {
float:left;
margin:0px 0px 5px 0px;
width:auto;
padding:0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
ul#ugurturkoglucounters li a {
display: block;
height: 54px;
margin-right: 10px;
padding-top: 85px;
text-align: center;
text-decoration: none;
width: 85px;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
font-weight: bold;
}
ul#ugurturkoglucounters li:hover {
opacity:0.6
}
ul#ugurturkoglucounters li:last-child a{
margin-right:0px;
}
ul#ugurturkoglucounters #counter-rss {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5GlOZsgQsm9bSf7e5eFPdp4etNx8a5Qokhq65Be3T0YhgHa_IcvgeqE3KcPbUz3Rspkju0R2sPdMyZxtpd0Qqvs12Ni3tk_CMWgetoD2XKkWK_x3Xr57Ojx8HDzyJh396ypVodA0DNBeB/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#ugurturkoglucounters #counter-rss a {
color:#cf6600
}
ul#ugurturkoglucounters #counter-facebook {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFYfjwVRhAofWyAUDxzCrHaxKs_V2s-MFLoGDcgzTpRhHf3bXK4rJsKcGgfQBjnGQzAL4OMlHe4_Jzr9rAN6aw6YQB1Y6SM2urrjFgXbpS6w3-P9UVul96y1JfrYwxXq4p6lEb3udbMohH/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
color:#3b4d8f
}
ul#ugurturkoglucounters #counter-twitter {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwDaI06F0ZpQtkKwMo43qbAhc7t3kCfeH1PiQ8ZM953DoQIeuts7p9ZOlr9lIeFAdlpkEOiqxm2JmSZ4edjVbskn931kQklorB6z6lbckESOcpfbLMZvQliaZs9C1jS2O7oMruQv8G-E8e/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#ugurturkoglucounters #counter-twitter a {
color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}
input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
</style>
<center>
<br />
<div id="ugurturkoglucounters">
<ul id="ugurturkoglucounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/ugurturkoglu">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/ugurturkoglu">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/ugurturkoglu">5263</a></li>
</ul>
<div class="ugurturkoglutextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ugurturkoglu', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>E-mail adresinizi giriniz><br/>
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="ugurturkoglu" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Kaydol" /></form></div><a href="http://www.ugurturkoglu.blogspot.com.com/2013/03/sosyal-medya-rss-kutusu.html" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Sitene ekle</a>
</div>
- Kod kısmındaki mavi ile yazılmış olan yerlere kendi sosyal medya hesaplarınızı yazınız.
Bir önceki yazımda Blogunuza özel google arama kutusu oluşturma hakkında bilgiler verilmektedir.
Etiketler: Blogger, blogger eklentileri, Rss abonelik kutusu, sayaçlı sosyal medya butonları, sosyal medya butonları