Blogger Sosyal Ağlar (Css) Takip Butonları

Blogger Sosyal Ağlar (Css) Takip Butonları

Blogumuzun adına oluşturduğumuz sosyal ağlardaki linklerimizin toplu şekilde bir araya getirme olanağı sağlayan bu butonlar sayesinde ziyaretçileriniz sayflarınızı takip edebilirler. Tabiiki blogunuzu beğendikleri takdirde.

Eklentinin Kurulumu

Blogger - Kumanda Paneli - Yerleşim - Gadget ekle - Html Javascript kısmına aşağıdaki kodları yapıştırın.

<!--Rss Feed-->

<a class="spice-popout" rel="nofollow" href="RSS-FEED-URL" target="_blank"><img src="http://i.imgur.com/7lsUogp.png" /></a>

<!--Email-->

<a class="spice-popout" rel="nofollow" href="EMAIL-URL" target="_blank"><img src="http://i.imgur.com/oJeNikj.png" /></a>

<!-- Google Plus-->

<a class="spice-popout" rel="nofollow" href="GOOGLE-PLUS-URL" target="_blank"><img src="http://i.imgur.com/F70aY6r.png" /></a>

<!--Facebook-->

<a class="spice-popout" rel="nofollow" href="FACEBOOK-URL" target="_blank"> <img src="http://i.imgur.com/g4KQ38R.png" /></a>

<!--Twitter-->

<a class="spice-popout" rel="nofollow" href="TWITTER-URL" target="_blank"> <img src="http://i.imgur.com/rRbcRlQ.png" /></a>

<!--LinkedIn-->

<a class="spice-popout" rel="nofollow" href="LINKEDIN-URL" target="_blank"><img src="http://i.imgur.com/dofbMIX.png" /></a>

<!--YouTube-->

<a class="spice-popout" rel="nofollow" href="YOUTUBE-URL" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>

<!--Skype-->

<a class="spice-popout" rel="nofollow" href="SKYPE-URL" target="_blank"><img src="http://i.imgur.com/8c35IfD.png" /></a>

<style>

.spice-popout{height:48px; width:48px; margin:10px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}

.spice-popout img{border-radius:50%; margin:8px; width:100%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}

.spice-popout img:hover{margin:0px; box-shadow:6px 6px 4px 4px rgba(0,0,0,0.3)}

</style>

Kodlarda kırmızı ile belirttiğim yerlere blogunuza ait sayfa adreslerini girebilirsiniz.

Not: Eklenti Blogger ve Wordpress Uyumludur. Bilginize...