Blogger Madde Sembolü Görünümünü Değiştirme

Blogger Madde Sembolü Görünümünü Değiştirme
Blogger Madde Sembolü Görünümünü Değiştirme

Blogger editörlerin kullanabileceğiniz özelliklerden bir tanesi madde madde sıralama imkanı. Editöre madde işareti olarak geçer. Rahat algılayabilmeniz için bir örnek göstereyim.
  • Blogger Eklentileri - Başlık 
    • Blogger Eklentileri - Alt Başlık 1 
    • Blogger Eklentileri - Alt Başlık 2 
Daha önce sizlere başlıkları aktif bir biçimde nasıl kullanabileceğinizden bahsetmiştim. Tab tuşu ile alt başlıklar oluşturabiliyorsunuz detaylı bilgi için buradan buyurun : Blogger Tab Tuşu İle Liste Yönetimi >> 

Madde başlıklarını oluşturan sembolleri ise blogunuzun tasarımı göre değiştirebilirsiniz. Bahsedilen bölgenin özel bir adı olmaması sebebi ile başlık sembollerini göstereyim. 

Blogger Madde Sembolü Görünümünü Değiştirme
Blogger Madde Sembolü Görünümünü Değiştirme




Standart semboller yerine farklı türde bir sembol kullanmak istiyorsanız kısa bir kod dizilimi ile bunu gerçekleştirmek mümkün. Başlık sembollerini değiştirmek için Blogger yönetim panelinden şablon ayağını geçin HTML'Yi Düzenle sekmesini tıklayın, widget şablonlarını genişlet kutucuğunu açarak Blogger şablonunuzun kodlarını arasında CTRL+F yardımı ile  ]]></b:skin> kodunu bularak aşağıda ki kodları ]]></b:skin> kodunun üzerine ekleyin.

.post ul {list-style:none;
}
.post ul li {
line-height: 1.4em;
background: transparent url(http://3.bp.blogspot.com/_7wsQzULWIwo/SuM3oFg5zlI/AAAAAAAACHo/n5UluB5ugMI/s400/255.gif) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}
.post ul li:hover {
background: transparent url(http://2.bp.blogspot.com/_7wsQzULWIwo/SuM3oYoTkRI/AAAAAAAACHw/Dig1etGrcpY/s400/251.gif) no-repeat scroll 0px 4px;
}

kodlar arasında işaretli iki adet kırmızı resim linki var. İlk link madde başlığınızın görünürde ki sembolü, ikinci link ise madde üzerine geldiğinizde oluşacak olan sembol. Demo örneğinde ki madde başlıklarını incelerseniz ne demek istediğimi daha iyi anlayabilirsiniz.




Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger