Blogger Hareketli Sosyal ağ Butonları Eklentisi

Bu eklentimizde blogunuza hareketli sosyal ağ butonları eklemeyi anlatacağım.Blogger Harkeketli Sosyal Ağ Butonları Eklentisi sayesinde facebook , twitter , google plus ve rssbutonları ekleyebileceksiniz.

Blogger Harkeketli Sosyal Ağ Butonları Eklentisini blogunuza eklemek için aşağıdaki adımları uygulamanız yeterli olacaktır.

Blogunuzun yönetim panelinden Yerleşim > Gadget Ekle > HTML/Javascript yolunu izleyerek aşağıdaki kodları ekliyoruz.Kodlar içerisindeki facebook , twitter , google plus ve rss adreslerini kendinize göre değiştirmeyi unutmayınız.

Eklentinin Demosunu görmek için tıklayınız.


  <style> .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHz8iCPTNPfi03APLVrFgw7bsAdV_WNGGvHtfQaik9GKvMwCTJQRKqAwpJm_BnX3PQtr8mF33X0VQo70okGpfKY9dp7ox2LKfzigblKqu7BLz3Q93XQ9VFQc7K1PwkHb9WPXI6oIN4Byw7/s1600/garipblogcu.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'> <!--Facebook--> <a class='facebook' href="http://www.facebook.com/pages/Garip-Blogcu/310560702404087" rel='external nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="https://twitter.com/GaripBlogcu" rel='external nofollow' target='_blank' ></a> <!--Google Plus--> <a class='googleplus' href="https://plus.google.com/106740999838988040568/posts?hl=tr" rel='external nofollow' target='_blank'></a> <!--RSS--> <a class='rss' href="http://feeds.feedburner.com/GaripBlogcuKiiselBlog" rel='external nofollow' target='_blank'></a> </div>