Menu

Blogger Hareketli Sosyal Medya Eklentisi


Site trafiğini artırmanın en etkili yollarından biri sosyal medyadır,diğeri ise bizi sürekli takip eden takipçilerdir.Bu iki etkili yöntemle site hitimiz oldukça artar bundan dolayı sitemizde kullandığımız abonelik eklentilerinin göze hoş gelecek şekilde tasarlamalıyız .


Blogger için tasarlanmış en iyi abonelik widgeti,Blogger için Animasyonlu Sosyal Abonelik Widgetini sunuyoruz.

Eklendiği yere canlılık vermez aynı zamanda herhangi bir açık veya koyu renk web sitesi veya bloklar üzerinde de mükemmel bir şekilde görülen sosyal ağ düğmeleridir.

Blogger Hareketli  Sosyal Medya Eklentisi

---Google Kazançları Affiliate Satış Ortaklığı

---Adwords Üzerinden İnternetten Para Kazanmak

Sitenizin footerine veya sidebarına çok rahat birşekilde ekleyebilirsiniz.Eklentilerden fazla gördüklerinizi çıkarabilirsiniz.SEO Mektebi olarak Blogger kullanıcılarına Sosyal Medya eklentileri içinden seçtiğimiz kaliteli eklentileri site ziyaretçilerine sunmaya devam etmektedir.Aşağıda resmi görülen eklentiye aşağıda bulunan Demo butonuna tıklayarak demosunuda inceleyebilirsiniz.

Kodların çalışıp çalışmadığını Kod deneme sayfasından kontrol edebilirsiniz.Kod Deneme Penceresi


                                                                       Demo

Ayrıca daha önce yayınladığımız aşağıdaki eklentilerde işinize yarayabilir,deneyebilirsiniz.

---Blogger İçin Yüzer Sosyal Medya Widget

---Blogger Sosyal Medya Butonları Ve Abonelik Formu

---Blogger Sosyal Medya Butonları 3


İlk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.

Blogger Hareketli  Sosyal Medya Eklentisi
Blogger Hareketli  Sosyal Medya Eklentisi

HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız, Blogger Hareketli Sosyal Widget Eklenti Kodlarını  site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.


<div class="metro-social">
<li><a class="fb" target="blank" href="http://www.facebook.com/seomektebi"></a></li>
<li><a class="tw" target="blank" href="http://twitter.com/seomektebi"></a></li>
<li><a class="gp" target="blank" href="https://plus.google.com/+SEOMektebi"></a></li>
<li><a class="pi" target="blank" href="http://pinterest.com/seomektebi"></a></li>
<li><a class="in" target="blank" href="https://www.linkedin.com/in/seomektebi"></a></li>
<li><a class="yt" target="blank" href="http://www.youtube.com/seomektebi"></a></li>
<li><a class="fd" target="blank" href="http://feeds.feedburner.com/seomektebi"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>


Düzenleme:
Yayınladığımız bu eklentiler içinde ki renk kodları #XXXX şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek ekleyebilirsiniz.

SEO Mektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.

Kodların içerisinde işaretlediğim linklerin yerine kendi profil adreslerinizi yazmanız yeterli olacaktır.Zaten o kısımları SARI ile gösterdim.Ayrıca resmin yerine istediğiniz bir resmi ekleyebilirsiniz.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Hareketli Sosyal Medya Eklentisi "

Önerilen Yazı
×