Blogger İçin Hareketli Sosyal Medya Butonları

Hızlı gelişme ve Sosyal Medya ve sosyal ağ sitelerinin insanların artan ilginin gelişimi, sosyal paylaşım araçları ve hizmetleri onlarca doğurmuştur. Arama motorlarından gelen organik trafik aksine, sosyal kanallar web trafiğini arama trafiği geride bırakmış, çünkü Web ustaları bu araçları bağımlı alıyorsanız. Blogcular, bugün büyük ölçüde Facebook gibi ağlar bağlıdır, Google, ve Twitter kendi bloglarında trafik çekmek için. Bu araçlar içerik imi ve paylaşmak için bir ziyaretçi çekebilecek sadece iyi. Web sitenizde kaliteli içerik blogunuza tasarımı kadar, takipçisi bir ziyaretçi dönüm her tek bit sayar. Bu eklentimizin imleç ile üzerine geldiğimizde hareket edip sade bir renk iken canlı renklere dönüşüyor.. yukarıdaki resimde olduğu gibi.

Yeleşim - Gittikten sonra - Gadget  ekle diyoruz ve HTML/JavaScript aşağıdaki Kodlarımızı ekliyoruz ve Blogger için JQuery Foto Galeri eklentimizi kurmuş oluyoruz. 

<style>  /*--------Touch Me Sharing Widget ------*/  .touchme a {  display:block;  height:50px;  width:50px;  padding:0 4px;  float:left;  background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.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 Link adresiniz" rel='external nofollow' target='_blank'></a>

<!--Google Plus-->  <a class='googleplus' href="Google Link Adresiniz" rel='external nofollow' target='_blank'></a>

<!--Facebook-->  <a class='facebook' href="Facebook Link Adresiniz" rel='external nofollow' target='_blank'></a>

<!-- Twitter -->  <a class='twitter' href="Twitter Link Adresiniz" rel='external nofollow' target='_blank' ></a>

</div>