Blogger Kalp stilli sosyal paylaşım butonları

Kalp stilli sosyal paylaşım butonları

Demo

Blogunuza uğrayan ziyaretçilerin yazılarınızı sosyal paylaşım sitelerinde paylaşmalarını sağlamak blogunuz için önemli bir noktadır.Daha önceki konularda da sosyal paylaşım butonları kullanmanın blogunuza etkisinden bahsetmiştim. Bir kaç konu ile : 

• Bloggerda sosyal medya butonlarının kullanımın önemi
• Yazı altına sosyal paylaşım butonları

 Blogger blogunuza Kalp görünümlü sosyal paylaşım butonlarını eklemek isterseniz aşağıdaki adımları blogunuza  uygulayınız.

• Blogger paneline giriş yapınız.
• Şablon / Html'yi düzenle' ye tıklayınız.
• ]]></b:skin> kodunu ctrl+f yardımı ile aratarak bulunuz ve bu kodun hemen bir üst satırına aşağıdaki kodları yapıştırınız.

/* ugurturkoglu.blogspot.com  */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px;
height: 50px;
border:0;
margin-right: 4px; 
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in; 
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); 
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}




• Yukarıda bulunan kodları ekledikten sonra tekrar blogger paneline dönün.
• Yerleşim sekmesinden gadget ekleye daha sonra da Html javascripte tıklayın.
• Açılan sayfaya aşağıdaki kodları yapıştırın.

<ul class="bubblewrap">

<li><a href="Google plus adresiniz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWFwrVFwCDHfnFbUSA3YQ2YMfz76jUCsh288TTrADTClmfP1GCyt1KpslpDeioNbDu9EzrBarKAjNhynDoIWJVxamMmceL0xmz1RFVp6VrxrFoOkDtkOFRpTTUMeHLzdr-ocwVycdjbzk/s1600/bloggertrix-google.png" title="Google" /></a></li>

<li><a href="Facebook adresiniz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSkXTEOW7Q-q2w22COsLLcLQt1Y5M_hoRuZd7iru-F6rQYHhNaGetAazkZrrnW3p9avowp3aUnv2qUdcHZhDzQJ0ecKDoWsaRDFp2DuegVzMVk80-q-RNb9yQzdnkGPJnm8scGhOIAzUQ/s1600/bloggertrix-facebook.png" title="Facebook" /></a></li>

<li><a href="http://www.Stumbleupon.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDUk5WNvxn0GJFMeHc0dANZ8ngSNdWYumtG8A0EiIvt-kR3AH-eHKCiuKpzH92lVGa59kUHKWL9BaFwACBcLXSA4m1RO7OzIymXIkUXrsctrV6JVzgUKJ-bw-wbPJpB0etv4RmzAz_yl4/s1600/bloggertrix-stumble.png" title="Digg" /></a></li>

<li><a href="http://www.twitter/ugurturkoglu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDu0oDgXxSnajm74aWiW2twO43NpWpB_ZoZjXbOd12FJQfkPaGastMR2iHRny2cwRSa_3eVoPmbTnJndbh5KpO1EqA8RqS0JTadMrJElOqMhf321VUExn0R4rpnpS985PkQQPgbdSvzXA/s1600/bloggertrix-twitter.png" title="Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/ugurturkoglu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNEAmiM9DPEkcXD4uhu-Py89eBZFbow740nBUqY24TJLK2VSWlriSL2SuO7-ufbwaB_O3-TGyXE03sV5iG6bLSigJW83BfvTrgKEcm5RSvhxpHs2yWik3uZlVHqQVUEfl2rtyitL-_COc/s1600/bloggertrix-rss.png" title="RSS Feed" /></a></li>
</ul>