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

Blogger Eklentileri - 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


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>


Blogger Sayaçlı Sosyal Paylaşım Butonları Eklentisi İçin Gerekli Düzenlemeler

  • Mavi ve kırmızı olarak kodlar içerisinde belirlenmiş alanları kendinize göre özelleştirebilirsiniz. 


Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger