Blogger Sosyal Medya Butonları Ekleme

Çoğu bloggerda olan seo derslerinde görüntülenme sayısını  artırmak için hep sıralamaya giren etkenlerden biri olan sosyal medya bloggerımızın görüntülenme sayısını artırır. Bu yazımda sizlere sosyal medya butonlarını eklemeyi göstereceğim .

Araştırmamın sonucunda size iki tane beğendiğim sosyal medya butonu var ikisinin de görselleri altta mevcut istediğiniz kodu blogger sitenizin  kullanıcı panelinin sol menüsünden  Yerleşim > Gadget Ekle >Html/JavaScript açılan pencereye beğendiğiniz sosyal medya butonunu ekleyin .

Sosyal medya butonlarınızı eklerken sosyal medya adreslerinizi yazmayı unutmayın sorunuz olursa lütfen çekinmeyiniz sorun. 

1. # İşaretinin yerine sosyal medya adreslerinizi girin .

KOD   

<center>
<br />
<a href="#" target="_blank"><img src="https://gp3.googleusercontent.com/-6XHqZ-EMMu4/WLLvPLXpIyI/AAAAAAAABUQ/KkmhWIuxNC0CukyqvJv15FqDLr4UOuBsQCJoC/facebook.png"/></a>
<a href="#" target="_blank"><img src="https://gp3.googleusercontent.com/-ZNJlIrWGxQg/WLLvSoqIexI/AAAAAAAABUs/ftrtL_ih_A49J4hUA5CTLOzueQaI1GZ_ACJoC/twitter.png" /></a>
<a href="#" target="_blank"><img src="https://gp3.googleusercontent.com/-JFHhRAoHFns/WLLvWLGljkI/AAAAAAAABVI/t_IPbnX6AIIQnNFYfwH6jzmlDuEntXmCQCJoC/googleplus.png" /></a>
<a href="#" target="_blank"><img src="https://gp3.googleusercontent.com/-yXExnyoIoEk/WLLvZLmHFSI/AAAAAAAABVk/TYU4paUuAvcjZ0T_3yLAIH-1QbUBZmjUwCJoC/pinterest.png" /></a>
<a href="#" target="_blank"><img src="https://gp3.googleusercontent.com/-wNjyAeJy9zA/WLLvbxbvnYI/AAAAAAAABV0/cKfc2NYo8U4TAFOrBqC5aHeJWr4yrTaywCL0B/vk.png" /></a>
<br />
<br />
<a href="#" target="_blank"><img src="https://gp3.googleusercontent.com/-YSsr8NWg7eY/WLLvfAP9O1I/AAAAAAAABWQ/fNQu7WIw95MRPqG2ecTSl3EbzNr9n474QCL0B/tumblr.png" /></a>
<a href="#" target="_blank"><img src="https://gp3.googleusercontent.com/-AmYd1jRwNls/WLLvh9B83hI/AAAAAAAABWs/peRqO95H20IITCMpBtDFljsN5XJjH2EdwCL0B/flickr.png" /></a>
<a href="#" target="_blank"><img src="https://gp3.googleusercontent.com/-1sVsCN9wUM4/WLLvofFAYOI/AAAAAAAABXI/ZxHJaSuQPy48jI_mnu7PjgdNY_x-QCBuQCL0B/instagram.png" /></a>
</center>

2. Örnek (Facebook Adresi) Yazan yere facebook adresinizi yazın.

KOD

<style> 
/*--------Sosyal Medya Hareketli Menu ------*/ 
.touchme a { 
display:block; 
height:50px; 
width:50px; 
padding:0 4px; 
float:left; 
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYNrDfrpZTe7Epibh0XRojxB07NQDjGnpeV2ooztjl7pgMonQqUgnuRMzurxaDYO33uBCT3bJB0lW-iXJPxpw9oBk_FJoqgQ8Eo202AgUESa3bvXQQjYLHwyCmbAAbGs6TORnvwCX-q_M_/s1600/eklentileri.blogspot.com.png) no-repeat; 
-webkit-transition: ease-in 0.2s all;    
-moz-transition: ease-in 0.2s all;    
-o-transition: ease-in 0.2s all;    
-ms-transition: ease-in 0.2s all;    
transition: ease-in 0.2s all; 
cursor:pointer;
}

.touchme a.googleplus { 
background-position: 0px -58px;
} 
.touchme a.googleplus:hover { 
background-position: 0px 0px; 
}

.touchme a.twitter { 
background-position: 0px -290px;
} 
.touchme a.twitter:hover { 
background-position: 0px -232px;
} 
.touchme a.facebook { 
background-position: 0px -406px;
} 
.touchme a.facebook:hover { 
background-position: 0px -348px;
}

.touchme a.rss { 
background-position: 0px -174px;
} 
.touchme a.rss:hover { 
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS--> 
<a class='rss' href="RSS ADRESI" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> 
<a class='googleplus' href="GOOGLE PROFIL ADRESI" rel='external nofollow' target='_blank'></a>
<!--Facebook--> 
<a class='facebook' href="FACEBOOK ADRESI" rel='external nofollow' target='_blank'></a>
<!-- Twitter --> 
<a class='twitter' href="TWITTER ADRESI" rel='external nofollow' target='_blank' ></a>

</div>