Rss Aboneliği Ve Sayaçlı Sosyal Medya Eklentisi

Harunlog'u geliştirmeye devam ediyorum sizlere sunacağım bu eklenti sayesinde rss aboneliği ve sayaçlı Sosyal Medya eklentisini bir Araya gelmiş şekilde blogunuza ekleyebileceksiniz.Her halde her sitenin en büyük kaynaklarından biri sosyal medyadır bu eklentiyle beraber sitenizi daha da sosyalleştireceksiniz.

Eklentinin Özellikleri;


* E-posta aboneliği 
* Sosyal Medya butonları
* Sosyal Medya sayaçları
* Grafik açısından da fena değil















Tavsiye Yazılar: Abonelik Formu olusturma

Eklentiyi Nasıl Siteme Eklerim?


Blogger >> residential >> Gadget EKLE >> Html / Javasicript >> Kodları yapıştırıp kaydediyoruz.

<style>
#harunlogsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#harunlogcounters {
    list-style: none;
    margin:0px;
    overflow: hidden;
    width:300px;
    padding:10px 0 40px 0;
     margin:10px 0 -60px 12px;
}
ul#harunlogcounters 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#harunlogcounters 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#harunlogcounters li:hover {
    opacity:0.6
}
ul#harunlogcounters li:last-child a{
    margin-right:0px;
}
ul#harunlogcounters #counter-rss {
    background: url('http://1.bp.blogspot.com/-hhLOUB2grO4/UTtQuP_UcrI/AAAAAAAAAa4/45ktbduAdlg/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#harunlogcounters #counter-rss a {
    color:#cf6600
}
ul#harunlogcounters #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#harunlogcounters #counter-twitter {
    background: url('http://4.bp.blogspot.com/-WV4xN0DUeyU/UTtQuQ7Y_cI/AAAAAAAAAa0/7uKch5uUVwc/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#harunlogcounters #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="harunlogcounters">
<ul id="harunlogcounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/harunlog">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/harunlog">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/harunlog">5263</a></li>
</ul>
<div class="harunlogtextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=harunlog', '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://harunlog.blogspot.com/2014/02/rss-aboneligi-ve-sayacli-sosyal-medya-eklentisi.html" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Sitene ekle</a>
</div>

Kırmızı ile işaretlediğim yerleri kendinize göre değiştiriyorsunuz.

Yorumlar