Blogger Sosyal Paylaşım Butonları Ekleyin

Blogunuzu daha etkilik kullanmak ve herkesin çokça vakit geçirdiği sosyal medyada blogunuzu yayınlamak oradan kendinize bie hayran sayfası oluşturup blogunuzun reklamını yaparak da ziyaretçi sayınızı arttırabilirsiniz.

Bunun için var olan sosyal medya sayfalarınızı bu eklentiye bağlayıp hayran listesi oluşturabilirsiniz.

Facebook, Twitter, RSS ve Google plus sayfalarınızı şık bir şekilde ziyaretçilerinize sunabilirsiniz.

Yapmanız gereken öncelikle yönetim panelimize giriş yapıp Tasarım kısmından Yerleşim sekmesine tıklamak. Daha sonra paylaşım butonlarımızı sayfamızda yerleştireceğimiz yeri belirleyip Gadget Ekle diyerek oradan HTML/JavaScript Ekle diyerek açılan pencereye aşağıdaki kodları giriyoruz.

<style> 

.touchme a { 

display:block; 

height:50px; 

width:50px; 

padding:0 4px; 

float:left; 

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJtYvbesM8etZluGgbJqGuV9qBZCDFfORHYNxVUdkbcZwcuJd6NhEo3W05_wwaDD1TuXbpxfiUNjqFWiQ0ngqDy9qeoqC1k4Tt3WFfqPfS7pn6klKojnfL9tu6swJfieHpuh6SozDX2otM/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>

Kırmızı Renkle yazılmış yerlerdeki değişiklikleri yaparak sosyal paylaşım butonlarımızı kullanmaya başlıyoruz.

Yazan Unknown Yorum yok