Blogger Sosyal Paylaşım Butonları

Etiketler : Blog Okulu- Blog Bilgileri

Merhaba Arkadaşlar Bu Gün Sizlerle Çok Güzel Bir Kod Paylaşacağım Bu Kod Sayesinde İsterseniz Blogger İsterseniz Wordpress Hiç Fark Etmez Blogger Sosyal Paylaşım Butonları na Sahip Olabileceksiniz.

Demo Sitemin Sağ Köşesinde Mevcuttur İsterseniz Bakabilirsiniz.Gelelim Kodlara 

Blogger Paneline > Yerleşim > Gatget Ekle > HTML/JavaScript Aşağıdaki Kodu Yerleştiriyoruz.

1. 
   

<style>
.btsnts-flt-wdt{
position:fixed;
right:10px;
top:30%;
}
.btsnts-flt-wdt img{
float:right;
clear:right;
margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btsnts-flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}
</style>
<!-- btsnts.blogspot.com -->
<div class="btsnts-flt-wdt">
<!-- Facebook -->
<a href="http://www.facebook.com/siyahboya" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCFdTWyjhbedh9EtsL8mGphY4sYtw6_hJRgYGN7Qow7ZQ0TZN0gcb58RxYMF1F9QXORbUVxswWjFq0TS_15lOaI3STr35_Xb7dmLiM_QpxGwhfDf7zjSvPeNY0tXlJA90V4Lq7BNCBmUM/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/siyahboya" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJFmjXg1FcAqeRdd85nmDywVspaJKVotmtplQJruMRX898z14AbnkaTZOc8ePUZaiIqI2x9V4lhDfPVBLAh0rUwkEZp7XnIUFWpdDk4xf7umWoV3R4zTJVUOk_jJY0RCsgchL70X8INLw/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="http://feeds.feedburner.com/siyahboya" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs40rBwWPyxgrI9RdYTsyIuLlf0V530pLkVrPwtJW7KCwNXpDGhe12-3kisTElY7KfzoaJ75PEo2H0ouGZvIq_PBd_kelwToydx8fjqkceO_TXDinjscXMo7trygOR8BO05v6-WEWnkJ8/s1600/Rss.png" /></a>
<!-- Email -->
<a href="İletişim adresiniz URL girin" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT2_2Uz2lGrQGazsl1rCFEu3lkd7MEqVHmoRlnSxo6_FmH3YXXaRWndqOHpT-w11lN1bZeIDuEs3DXSethTgJYUzDzQiocvUP_Sg-radndPn90giUe7qR3mN7q-UqG7UOdVEWG-NiYpYg/s1600/Mail.png" /></a>
</div>
<!-- End -->