Ağustos 18, 2013

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

Blogger Madde Görünümünü Değiştirin | Blogger Eklentisi

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

Blogger eklentileri ile blogunuzu modifiye ederek çok daha kullanışlı bir hale getirebilmeniz ve ziyaretçilerini çok sıkmayan bir tema ile
karşılamak bir blog yazarının isteğidir.

Bu eklenti ile klasik blogger madde görünümünden kurtulmuş olacaksınız. Sizinle paylaşacağım bu eklenti ile blogunuzun madde görünümünü daha farklı hale getireceksiniz.

Bu eklentiyi halihazırda bende kullanıyorum. Üzerinde istediğiniz gibi değişiklik yapabilirsiniz.

Her şablonda klasik madde görünümü aşağıdaki gibidir:
Blogger Madde Görünümünü Değiştirmek
Blogunuza bu değişikliği uygulamak için;

blogunuzun şablon bölümüne girin
]]></b:skin> kodunu bulun ve aşağıdaki kodu ]]></b:skin kodunun üzerine yapıştırın.

.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;
}
Yukarıda mavi ile işaretlediğim alanlar madde görünümün ikonları. 1. ikon maddenin ilk görünümü 2. ikon ise üzerine geldiğinizde renk değiştirecek. Ön izlemesini ekledim. Merak edenler bakıp nasıl göründüğünü kontrol edebilirler.

Not: İkonları istediğiniz gibi değiştirebilirsiniz. İkon arşine http://www.iconarchive.com/ linke tıklayarak erişebilirsiniz.

Size önerebileceğim ikonlar:

http://www.iconarchive.com/show/silk-icons-by-famfamfam/bullet-blue-icon.html
http://icons.iconarchive.com/icons/famfamfam/silk/16/bullet-blue-icon.png
http://icons.iconarchive.com/icons/famfamfam/silk/16/bullet-purple-icon.png
http://icons.iconarchive.com/icons/famfamfam/silk/16/bullet-pink-icon.png
http://icons.iconarchive.com/icons/famfamfam/silk/16/bullet-red-icon.png

Tek tek inceleyip farklı bir tasarım yaratabilirsiniz. Yapamadığınız bir yer olursa yorum bölümünden iletebilirsiniz. Kolay gelsin.

İyi bloglamalar.

0 yorum :

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.