Blogger Hareketli Sosyal Ağ Butonları Eklentisi

Merhabalar.
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.





<style> .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3_S0_bs5zyTiCBjAasxsYwz6ql3cM0j1RdRyWJL7OTsDYlvp2E_XrZ9xfWYEfoB7gbZfkQ6CRhk6fJ28CISmj5Zy27qZaYf1WCAVwZgqHD3RaPGtinK3_CQXpAt51xDGmQpgjssQhQQ4w/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>