Blogger Kalp stilli sosyal paylaşım butonları
6 saat önce Onur BATUR tarafından yazılmıstır.
 |
| 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCX7qcqRbtu2-IxLR_bjGPrWsK3v01s02Px7KWA2PKu5o6s56ESNFfC-lE7rWgaIZ-fgasGpWLvXZ_jey8gtYY3GPqCUvvlMO4Tki1zEYE5nxUvfy3Qup7DL5EIAciGH1h6p2UEIZek_I/s1600/bloggertrix-google.png" title="Google" /></a></li>
<li><a href="Facebook adresiniz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVR3UpTKxN1pHqUKix3XHdS5sIAA-rkDRz7hAhkvBjvZFcdtl8gKDn9tab97imJSetMmWO3NyD4l2S9a1vRI7rd2S6SwrCfGvHW_n8WspkKTkhSy-jy56PQYarrcrkTqqts4B8r8FSbbA/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/AVvXsEj0ZPo-TVW0ZXdgVU89IeQTJPtp7t4akCL6Ajz2V5t8HYIPAYZx0jqfPbjApxsxmxniueFhxrYTh-eVgmfHWevfXXvPFSdyiwSw2qv-P0mS6el6WniTbU6DcjijiSLHv169BCLvvXMdLHk/s1600/bloggertrix-stumble.png" title="Digg" /></a></li>
<li><a href="http://www.twitter/ugurturkoglu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV07xgtyuLTOIkwieXnCvjW2zzMHeO6IinE_1cBQYpsANAL6fweUqEyGUnivHxU4aHus7ScN-P-zC08MEzQ4MBCvLRIiAlMSKzeGH_qz7wuETUjDTSkblRvSltBJp1PnX-Pb8Xp58FkmE/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/AVvXsEiorHQxpvj0HB5jpl8nCCHGwnWa_LO9BkzLD4SBTCA1eddfTLhF6s3RUW1vA6J6pnr3qWRLiUbeXN1bGa2OlSB_tBddcuBdDdxj62UVLJ13x7SPyFLoSFJCJAIJlR3hX6UkEoeG82wC18k/s1600/bloggertrix-rss.png" title="RSS Feed" /></a></li>
</ul>
Benzer Yazılar
Yorumlar ( Yorum Yok
)
