 |
| 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/AVvXsEhfJPnP5yClJzgMrVouLScsiec1fLreJ6AePwedlXdPZ1nkn_Z8LxQraWnuhw3-XGGmmMJB6ZoyXd-kpi6_PU9pllKTF610IyJr5hmmIY5F5X7vRz7dDIbh6SD_XXqOB2xghQyoeK-nFXk/s1600/bloggertrix-google.png" title="Google" /></a></li>
<li><a href="Facebook adresiniz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigKo-bbUh2BJPJDtjpipLcNwnn06SFAQUr3LlOsTkkQPeQfpmrQNTMmOyS-d22SaxchMNir9zA7TvPNf5Rz0WLkxWwmRjGPBJvQakslbUIgkEcaLwIab4IMT7DvLRTcSvsdgXuIqwhEBc/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/AVvXsEhZ2eSdHxMI05WE-qJ2v3OFm72Ru_TbYU-6vJhe_alwVtBNpYFv_R20Bgc1KX3BNOdTJIHA1QhHwtxYJy2D-GEiIvFbUncMr9cP7dbTaQM4xlcRTFda6w7a69Dfmv4qKnrcES57V-osHqk/s1600/bloggertrix-stumble.png" title="Digg" /></a></li>
<li><a href="http://www.twitter/ugurturkoglu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyG1LqbQYPya8s3gg4N4QfBbThUuGnN-3HAEQFUNf0UVRmQWXoO4tEAA7Zf-C4wUK25NjNrHyE1jVW9oYuG_6D-JJ2G9EHAGQT45FJxs3D-0krfqez995zpwb5ngW_R_1AwmEwgDEtbDQ/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/AVvXsEj8fIyat1-Kh4zqEUNwyTyqqDpbQmhRwlmQhRfECE84yLOmpiLFZmXtPtnqQalKEY9KZFDye8aqaz9CENk2NnpqgPaj8-0OaWXmO94FewX199pM-PaUrlH_IXbcUdmH4TIJ5fKFVhjnJyk/s1600/bloggertrix-rss.png" title="RSS Feed" /></a></li>
</ul>
0 yorum: