Blogger İçin Hareketli Sosyal Paylaşım Eklentisi

Blogger bloğunuza yakışabilecek olan eklentilerden bir tanesini şu an size öneriyoruz. Bu eklenti yuvarlak biçimdedir. Google +, Facebook, Twitter, RSS gibi adreslerinizi içerir. Ayrıca butonlar normalde renksizdir. Ancak siz farenizi üzerine götürdüğünüz zaman renkleniyor ve hareketleniyor. Eklenti bu şekilde çalışıyor. 

Eklentiyi nasıl eklersiniz? 

Yerleşim – Gadget Ekle – HTML/JavaScript yolunu takip ederek aşağıdaki kodları yapıştırın. 

Kodlar: 

<style>
/*--------webmaster.10line.net 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/AVvXsEg1q6gPdwOxXDAyDoMTY0Ta9fEe9NjQuTqESifQYdBNwoqOco4bOuEOUbIlcEkF73wnhgBGvci4KqUWj_2PvOXXXXviU1kBr5Q23zofhHmtGPhV2n9JFDRQx55m1yyLDOm9SwZqz04jzQAE/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> 

Kodunuz budur. Yapıştırdığınız zaman kırmızı renkte olan yerleri gerektiği gibi doldurun.

Bu yazı http://webmaster.10line.net adresinde yayınlandı.