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

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/AVvXsEjhYIJ6yrriwdaf4fT8K2k3lalxkX1qEjwctT6aS9dTeG7kr8r0_LYazMXrxzfoM5pzYBQ0myHgSGJcZP2QjnaegBUR8UbY9Tjg4ipwOLWaCZke8U8kNgbklOi8L4adSloyu50UvyUiB_o/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/AVvXsEhJhx71fk75ZrRmtBnxLy7i08nNpIVnsowWka25vIhHrVnM-Nd6PY0zjI3B_1OKZwA1I6cYhX4k0Xpa4ssImxn2YM6Y9QrrNjelRhw_5npMHCVU-H7taOc0a6hGIvgSF8DoNkLXi119go4/s1600/rss.png) no-repeat;
}

.twitter-hb {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpfRs1gVmLqC95Zo1-LlGAQwJ1kRLx-KULiWCil9QJdODyMO8EVzAohO43QSFG9plCfSpLnH9G7sl6LHByi8kZoJ8woWDiPChWIIpJo-mZRAgC2KMJ7zrBkI-N1AB8xGcXq2f_4UO5Uy0/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/AVvXsEjRRxkuEJu6OkS2phB997cWsXA8DLYO9pgD2ZXNoH6FWs8F9crOnNuFcFATEOtyGOBh0g4uDDzt_V9jKk0EePXZukQFPkpDms_ifl1m0RHgvnr8tVlvuOoGAMBYF94kyb0F_XV-JtpiSAA/s1600/twitter.png) no-repeat;
}

.facebook-hb {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl9N9OJ8zPyL7AyowmPCueauycuYaSCPJgJ-Qx8bM1q_t6QGbDyguNHnXZuTiYo-Uqn0qHG19L4cAE2LHtwrMCS7vTBalTFERg7RB3vJcBGc6-7FRGfIrOM3lqLgykdB2ZiKRWx1uckAw/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/AVvXsEjZIgD6ElhkwMB0SA5gfJK5_IW-fi7txnLWJdnegujd1zbg3pEuBFWPdwKaj0VNwQlKRqbhQgNU48__T0BnXNZ3pm5R8fUKbMunsTke_su8DES_Ffq4h6ji6XUPYYdJE4Tz1DU1Sf1nU5s/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. 

Kategori: blogger