Çoğu sitede görmüşsünüzdür sitenin üstünde tek renk veya renkli renkli sabit üst çubuk vardır. Şimdi küçük bir css kodu ile sitemize o üst çubuklardan eklemeyi anlatacağım. Aslında anlatıma gerek yok gibi çünkü yapılması gereken tek işlem vereceğim kodu sitenizin css bölümüne yapıştırmanız, siteniz ister blogger ister bedava-sitem olsun css kodu bütün sitelere uyarlı. Çubuğun ön izlemesi aşağıdadır.

1. Aşamada Hemen aşağıdaki etiketimizi buluyoruz..
/b:skin>

Etiketimizin hemen yukarısına aşağıdaki kodumuzu ekliyoruz..

.ustcubuk
{
background:url(http://img.webme.com/pic/o/ozicabdeneme/ustcubukocab.png) repeat-x;
padding:0;
margin-bottom:3px;
height:5px;
}

2. aşamada ise blogger sitemizin en üstüne yani body-wrapper kodumuzun üstüne; bedava-sitemde ise tasarım üstü bölümünün en üstüne aşağıdaki kodlarımızı yapıştırıyoruz..

Bütün işlem tamam sitemize üst çubuk ekledik, isterseniz çubuğunuzun yüksekliğini renklerini değiştirebilirsiniz. Güle güle kullanmanız dileğiyle..

İlgili Aramalar: üst çubuk ekle, sitene sabit üst çubuk ekle, sitene navbar ekle, blogger renkli sabit üst çubuk eklentisi, Ocabbaroglu, Oğuzhan Cabbaroğlu - Kişisel Blog