Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Rss Abonelik kutusu ve sayaçlı sosyal medya butonları

rss kutusu ve sayaç sosyal medya butonları
RSS kutusu Sosyal medya 
  Blogunuzun Trafik kaynağı en çok nereden diye sorsak şüphesiz arama motorları dersiniz.Hatta arama motoru değil Google dersiniz. Blog'a gelen trafiklerin çoğunun arama motorlarından geldiği bilinmekte elbette. Arama motorlarından sonraki bir trafik kaynağı Sosyal medya'dır.Yani facebook, twitter, google plus, pinterest, tumblr vb ne kadar sosyal medya aracı var ise hepsi birer trafik kaynağıdır.Bu tür sosyal medya ortamlarından takipçiniz ne kadar fazla olursa bu da blogunuza daha fazla trafik olarak geri dönecektir. Özellikle rss kullanımın faydasından da daha önce ki yazılarımda bahsetmiştim.Blogunuza uğrayan ziyaretçilerin RSS kutusunu kullanarak yazınıza abone olması daha fazla trafik, blogunuz, okuyucu kitleniz, google sıralamanız, Seo ve daha bir çok yararı olacaktır. Rss abonelik kutusu ve Sosyal medya butonlarının kullanımının faydalarından daha önceki yazılarda da bahsetmiştim.
Bakınız: 
Bu yazımda da Rss abonelik kutusunun yanısıra sayaçlı sosyal medya butonlarının bulunduğu bir eklentiyi blogunuza nasıl uygulayacağınızdan bahsetmeye çalışacağım. Bu Rss abonelik kutusu (yayınlara abone olma) eklentisinde facebook , twitter ve feedburner gibi sosyal medya araçlarında kaç tane takipçiniz olduğu yazmakta. Tabiki bu yalancı takipçi sayısı:) 
Rss kutusu ve sayaçlı sosyal medya butonlarının nasıl göründüğünü test etmek isterseniz yukarıda ki test butonuna tıklayarak görebilirsiniz.
Eklentiyi blogumuza nasıl uygulayacağımıza gelince
  • 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('http://1.bp.blogspot.com/-hhLOUB2grO4/UTtQuP_UcrI/AAAAAAAAAa4/45ktbduAdlg/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#ugurturkoglucounters #counter-rss a {
color:#cf6600
}
ul#ugurturkoglucounters #counter-facebook {
background: url('http://2.bp.blogspot.com/-tM7840vWvXE/UTtQuOsPBwI/AAAAAAAAAaw/9_XArbd_oQ0/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
color:#3b4d8f
}
ul#ugurturkoglucounters #counter-twitter {
background: url('http://4.bp.blogspot.com/-WV4xN0DUeyU/UTtQuQ7Y_cI/AAAAAAAAAa0/7uKch5uUVwc/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.
Sorularınız olursa buradan ulaşabilirsiniz.

Bir önceki yazımda Blogunuza özel google arama kutusu oluşturma hakkında bilgiler verilmektedir.

Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon