Blogger Sayaçlı Sosyal Paylaşım Butonları

Blogger Eklentileri - Sayaçlı Sosyal Paylaşım Butonları

Blogger Eklentileri son hızla Wordpress sistemiyle yarışmaya devam ediyor. Wordpress sisteminde bulunan sayaçlı takip et butonları Blogger sistemine uyarlanmış. Fakat sistemin açığı gerekli sayısal değerleri girmeniz. Butonların üzerine gelindiğinde renk değişimleri sağlanıyor.

Blogger Sayaçlı Sosyal Paylaşım Siteleri Takip Et Butonları Demo :

33 RSS Okuyucusu

270 Twitter Takipçisi

63 Facebook Hayranı

Blogger Sayaçlı Sosyal Paylaşım Site Butonları

Blogger Eklentisini isterseniz her sayfanızda kullanabilirsiniz. Bunun için yapmanız gereken Şablon >> Gadget Ekle >> HTML/Java Script kutucuğunu kullanarak Blogger Eklentileri - Sayaçlı Sosyal Paylaşım Butonları kodlarını eklemelisiniz.

Belirli sayfalarda kullanmak istiyorsanız ise yayın girerken HTML bölümüne Blogger Eklenti kodlarınızı eklemelisiniz.

Blogger Sayaçlı Sosyal Paylaşım Site Buton Kodları

<style> 
.rss-hb {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU9cbF_UJBMU3q26vQRKefhX5QFFJ5zahKlw_fvDO7RkwLuO9xX27CI0h_zASOA-prGIc5FwKOZ0bEJqWWFhlIQjffmwqtVfiyyudUoinrnxt-Pt3Yvde5Av0r05JbJLnUd_JG085MNys/s1600/rss+sepia.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 5px;
}

.rss-hb:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwlZRYXmm88rOLFF9ABFULv6WJ9BP1GcIGKx3czNfcPe2s06IK7UGOCrJ5-EEwM2q52aTS3UECKF-di4T13buOpwq0_kbXUwGQsg0FVB1ZGB0VROP8P1CZ7bPL0Gbw7uFu0Q3liCTNzlw/s1600/rss.png) no-repeat;
}

.twitter-hb {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim_Zt6PFXlieYPozbbXnlEsr5ym5qxKLF34qD3m70-jETKpUUeiV2H6J5w4_WfeS4YYRDklRhn_9EVbXrwiNAH4vpj7Y5g1CixV7aKR9TLXnNc5qnWIUCtN5KttxUyL64Bnj1Zo2lD-q8/s1600/twitter.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 10px;
}

.twitter-hb:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinkrtJ6xKDYcYcpZ5CriYXQJYb8go1UAZiwSaEenGJ6s_8J2mlCfzDpiRDNft_Z8fbewCQ7ZlgaIZLR_gmwD8J1d8sZGyrlJ6Xrtdf5UfCbm1yGx26HspTn8O1bxPoyO6gMxoi1w9ho98/s1600/twitter.png) no-repeat;
}

.facebook-hb {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTNTUDaBCb5mjDowSNKYBimm_F61yrqJIzteCUdIKqjT2S9-ukY4Cm5usGSl9_MMLfGW0MTkfYD8n3_hv5LEthA5plOfezyLtKbvMafvL0iggfbBNUJh1gkI3Fo_wTRXUpCtuZLb6K7t8/s1600/fb+sepia.png) no-repeat;
    height: 64px;
    padding: 0px 20px 0px 80px;
    margin-top: 10px;
}

.facebook-hb:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheE-_kUsx3lJjluTdYdD67TqqF8kSfQfIDtBf34LviLbw_UQWRVSWjXZad8eQpwsPj_z9T83TS8ie11AoQZLKnkW7w8yzfnQyCxN2L-MO1EwotpDrtS62r66Qq8lacwB9YeKiVgqzDRDI/s1600/facebook-logo.png) no-repeat;
}

.follower-rss, .follower-twitter, .follower-facebook {
    font-family: Georgia,  sans-serif, Times;
    font-size: 1.5em;
    font-style: italic;
    color: #D3C5B1;
    padding-top: 05px;
    text-shadow: 1px 1px #B2A99D;
}

.follower-rss a, .follower-twitter a, .follower-facebook a {
    color: #AA9C89;
}

.follower-rss span {
    font-size: 2.2em;
    font-weight: bold;
    font-style: italic;
}

.follower-twitter span {
    font-size: 1.9em;
    font-weight: bold;
    font-style: italic;
}

.follower-facebook span {
    font-size: 1.9em;
    font-weight: bold;
    font-style: italic;
} 

</style> 

<div class='rss-hb'>
    <div class='follower-rss'>
        <span>
            <a href='http://feeds.feedburner.com/bloggerdersleri/MOiP'>33</a>
        </span>RSS Okuyucusu</div>
</div>
<div class='twitter-hb'>
    <div class='follower-twitter'>
        <span>
            <a href='https://twitter.com/Bloggerblog_' rel="nofollow">270</a>
        </span>Twitter Takipçisi</div>
</div>
<div class='facebook-hb'>
    <div class='follower-facebook'>
        <span>
            <a href='http://www.facebook.com/BloggerDersleri'>63</a>
        </span>Facebook Hayranı</div>
</div>