Popunder

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
Share it:
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...

Share it:

Blogger İpuçları

Post A Comment:

0 comments:

1- Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz.
2- Yazım ve dilbilgisi konusundaki hassasiyetinizi yorumlarınızda da gösteriniz.
3- Her zaman nazik bir üslup kullanmaya özen gösteriniz.
4- Yukarıdaki kurallardan herhangi birine uymamanız durumunda, site sahibi yorumunuzu yayınlama ya da yayınlamama hakkına sahiptir.