Menu

Blogger Site Üstü Sabit Bildiri Bar Widget

Blogger bu eklentisini duyuru yapmak veya özel bir sayfaya ziyaretçilerinizi yönlendirmek için kullanabilirsiniz.Yönlendirdiğiniz sayfanın tıklanma oranlarında belirgin bir artış sağlanmış olur.

Blogger Site Üstü Sabit Bildiri Bar Widget eklentisi sitenizin en üstünde sabit duracak şekilde tasarlanmıştır,bu eklentinin sağ tarafında bulunan oka tıklanınca sitenizin sağ tarafında küçük bir pencere şeklinde ok görünümü almaktadır.

Blogger Site Üstü Sabit Bildiri Bar Widget


Blogger için Css kodları ile oluşturulmuş bu Blogger Site Üstü Sabit Bildiri Bar Widget'in 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.

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

Blogger Site Üstü Sabit Bildiri Bar Widget

Blogger Site Üstü Sabit Bildiri Bar Widget 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 Site Üstü Sabit Bildiri Bar Widget

---SEO İçin En Değerli Eğitim Seti GooMass

---Amazon.com dan Para Kazanmak

HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız,Blogger Site Üstü Sabit Bildiri Bar Widget Eklentisini site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.Bu Widget sitenizde Gedget olarak görünmez.



<style>/*---Sabit bildirim bar  www.seomektebi.com---*/#wg-rosebar {width:100%;height:100px;position:fixed;top:0;left:0;} #wg-rosebarbtm {border-bottom:3px solid #000;background-color:#F60;overflow:none;width:100%;height:30px;position:fixed;top:0;left:0;} #wg-rosebarbtmdata {color:#fff;padding:5px;} #wg-rosebarbtmhide {position:absolute;top:4px;right:12px;width:20px;height:20px;cursor:pointer;} #wg-rosebarbtmshow {position:absolute;top:0;right:5px;width:30px;height:25px;cursor:pointer;background-color:#F60;padding-top:5px;border-bottom:3px solid #000;border-left:3px solid #000;border-right:3px solid #000;border-bottom-right-radius:5px;border-bottom-left-radius:5px;} .wg-rosebarbtmdownarrow {width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #CC5200;} .wg-rosebarbtmblock {width:8px;height:10px;background-color:#CC5200;} .wg-rosebarbtmuparrow {width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #CC5200;}</style><div id="wg-rosebar" ><center id="wg-rosebarbtmshow" onmouseup="document.getElementById('wg-rosebarbtm').style.display='block'"><div class="wg-rosebarbtmblock"></div><div class="wg-rosebarbtmdownarrow"></div></center><div id="wg-rosebarbtm" ><center id="wg-rosebarbtmhide" onmouseup="document.getElementById('wg-rosebarbtm').style.display='none'"><div class="wg-rosebarbtmuparrow"></div><div class="wg-rosebarbtmblock"></div></center><center id="wg-rosebarbtmdata"><a href="http://www.seomektebi.com/search/label/internetten%20para%20kazanma">Mutlaka İnceleyin</a><b>İnternetten Para Kazanma Yazıları</b></center></div></div>


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.

Sarı olarak belirtiğim yerlere kendi linkinizi ve uyarı yazılarınızı yazmanız yeterlidir..

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

Henüz Yorum Yapılmamış " Blogger Site Üstü Sabit Bildiri Bar Widget "

Önerilen Yazı
×