Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Blogger Kalp stilli sosyal paylaşım butonları

sosyal paylaşım butonları
Kalp stilli sosyal paylaşım butonları

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 : 
 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="http://1.bp.blogspot.com/-Cm1SCRfCP5Y/UOBbe23Gg5I/AAAAAAAAGHw/JvNHudR2BdY/s1600/bloggertrix-google.png" title="Google" /></a></li>

<li><a href="Facebook adresiniz"><img src="http://1.bp.blogspot.com/-asy5h6XZSrs/UOBbdo39hbI/AAAAAAAAGHo/N--Q6RfzDKQ/s1600/bloggertrix-facebook.png" title="Facebook" /></a></li>

<li><a href="http://www.Stumbleupon.com/Username"><img src="http://1.bp.blogspot.com/-VhSP-qIlv-A/UOBbhd_rv4I/AAAAAAAAGIA/3xZ6fJzM8TE/s1600/bloggertrix-stumble.png" title="Digg" /></a></li>

<li><a href="http://www.twitter/ugurturkoglu"><img src="http://1.bp.blogspot.com/-p-oHMGv9ho0/UOBbigs-PTI/AAAAAAAAGII/fgHGfbpfC1A/s1600/bloggertrix-twitter.png" title="Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/ugurturkoglu"><img src="http://4.bp.blogspot.com/-CQ81aoxn92g/UOBbgK8L3zI/AAAAAAAAGH4/dmW8VBAIYlw/s1600/bloggertrix-rss.png" title="RSS Feed" /></a></li>
</ul>




Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon