Menu

Blogger Sosyal Medya Eklentisi Widget

Blogger site tasarımı yani kod yapısı oldukça kolay ve de tasarıma uygun bir yapısı bulunmaktadır,çeşitli eklentiler ile blogger'ın sunduğu temaları daha kullanışlı ve göze hoş görünür bir şekle getirebiliriz.SEO Mektebi olarak sunduğumuz blogger kodları CSS ağırlıkta site tasarımına bir yük SEO açısından olumsuz bir durum oluşturmayan kodları ziyaretçilerimize sunmaktayız.

Sunduğumuz kodları isterseniz blogger kodlarına kod sayfasını açarak ekleyebilirsiniz,isterseniz gedget olarakta istediğiniz bir yere ekleyebilirsiniz.

Blogger Animasyonlu Sosyal Menü Widget üzerine mouse ile üzerine gelince rengi değişerek kendini küçük bir yazı ile tanıtıyor.

Blogger Sosyal Medya Eklentisi Widget

Blogger için Css kodları ile oluşturulmuş bu Blogger Animasyonlu Sosyal Menü Widget Kodlarının nasıl göründüğünü ve kodların çalışıp çalışmadığını test etmek için kod deneme penceresini kullanabilirsiniz.Kod Deneme Penceresi

Css kodları ile oynayarak site tasarımınıza uygun şekli ve renklerini de kendinize göre,zevkinize göre ayarlamak da mümkündür.

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

---6 Adet İnternetten Para Kazandırma Kitapları

---Blogger CSS3 Siyah Açılır Menu Yapma

---Blogger Yeşil Navigation Menü Tasarımı

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



Blogger Sosyal Medya Eklentisi Widget



Blogger Sosyal Medya Eklentisi Widget Kodları sitenize yüklemek için,ilk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.

Blogger Sosyal Medya Eklentisi Widget

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



<style type="text/css">
#seomektebi{margin:18px 0 0 10px; padding:0; width:280px; height:66px}
#seomektebi li{list-style:none; margin:4px; padding:0; float:left; border:none}
#seomektebi li a{background:url(https://lh4.googleusercontent.com/-CEEXOpU_UFY/VJdH3IRs7uI/AAAAAAAAM3E/XeUgrdhQQIk/w240-h96-no/blogger-sosyal-medya-seo-mektebi.png) no-repeat 0 0; margin:0; padding:0; display:block; position:relative; width:48px; height:48px; overflow:visible}
#seomektebi li a.twitter{background-position:0 0}
#seomektebi li a.facebook{background-position:-48px 0}
#seomektebi li a.google{background-position:-96px 0}
#seomektebi li a.youtube{background-position:-144px 0}
#seomektebi li a.rss{background-position:-192px 0}
#seomektebi li a.twitter:hover{background-position:0 -48px}
#seomektebi li a.facebook:hover{background-position:-48px -48px}
#seomektebi li a.google:hover{background-position:-96px -48px}
#seomektebi li a.youtube:hover{background-position:-144px -48px}
#seomektebi li a.rss:hover{background-position:-192px -48px}
#seomektebi li a span{background:#555; position:absolute; top:-10px; width:auto; left:0;opacity:0; padding:3px; text-align:left;text-decoration:none; color:#fff; filter:alpha(opacity=0); white-space:nowrap; border-radius:3px; font-size:12px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out}#seomektebi li a:hover{text-decoration:none}
#seomektebi li a:hover span{opacity:.8; filter:alpha(opacity=80); top:-24px}
</style>
<ul id="seomektebi"><li><a class="twitter" href="#"><span>Twitter</span></a></li><li><a class="facebook" href="#"><span>Facebook</span></a></li><li><a class="google" href="#"><span>Google+</span></a></li><li><a class="youtube" href="#"><span style="border:0;">YouTube</span></a></li><li><a class="rss" href="#"><span style="border:0;">Suscripción</span></a></li></ul></div><br/><a href="http://www.seomektebi.com/" style="font-size: 3px; text-decoration:none; color: #ffffff;">seo mektebi</a>

Blogger Sosyal Medya Eklentisi Widget 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.


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



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

2 yorum ''Blogger Sosyal Medya Eklentisi Widget"

YORUM EKLE
  1. merhaba blogunuzu geç buldum günlerdir sosyal media kodları arıyorum instegram butonu ekleyebilirmisiniz rica etsem size emeğiniz için çok teşekkür ederim

    YanıtlaSil
  2. Paylaşım için teşekkürler :)

    YanıtlaSil

Önerilen Yazı
×