Blogger Turuncu Renkli Gadget Başlık Eklentisi

Blogger, blog temalarının varsayılan gadget başlık (title) açıklama arka plan rengi sade bir görünüme sahiptir. Gadget başlık arka plan rengini Turuncu, link bağlantılarını mavi ok ile gösteren eklenti ile blog temanızı özelleştirin. Blog’unuz da kullanabileceğiniz birçok özel tasarım şablonları Temalar ismi ile ve bu temaları özelleştirebileceğiniz tasarım ile ilgili konuları da Tema tasarım bağlantı linkini inceleyerek farklı blog temaları kurabilirsiniz.

Yukarıda verilen resimde Turuncu renkli gadget eklentisini görüyorsunuz. Zaman zaman test blog’umda çalışmalar yaptığımdan bu renkleri farklı görebilirsiniz. Mevcut Turuncu renkli gadget başlığının nasıl görüldüğünün Canlı demosunu inceleyin.

Tema tasarımı ile ilgili konularda anlaşılmayan yerleri yorumlar bölümünden belirtebilirsiniz. Blog’unuzun gadget başlık arka plan rengini nasıl değiştireceksiniz ve hangi CSS kodlarını kullanacağız aşağıda adım adım inceleyelim.
2. Blogger’a giriş yapın. Blog kodlarımızın bulunduğu, Şablon→ Html’yi düzenle’i açın.
3. Ctrl+F arama özelliği ile aşağıdaki kodu bulun.
]]></b:skin>
4. Yukarıda bulduğunuz kodun hemen üstüne aşağıdaki kodları ekleyin.
/* Sidebar Content---G59P Gadgets title------------------------------- */
.sidebar{margin:0 0 10px 0;font-size:13px;color:#000000;}
.sidebar a{text-decoration:none;color:#000000;}
.sidebar a:hover{text-decoration:none;color:#4FC4F6;}
.sidebar h2, h3.widgettitle{background:url(https://lh6.googleusercontent.com/-nM3KRli14g8/VE0FEjXyPvI/AAAAAAAAb7o/lz2kTcAjybE/w1-h35-no/turuncu-gp-1x35.png) left top repeat-x;border-bottom:2px solid #4FC4F6;color:#FFF;font-size:16px;line-height:16px;font-family:Oswald, sans-serif;font-weight:normal;text-decoration:none;text-transform:none;margin:0 0 10px;padding:10px 10px 9px;}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{background:url(http://4.bp.blogspot.com/--IG7WrDdOP8/Uw9eGoMv0mI/AAAAAAAALiQ/6hFItDKZO9g/s1600/widget-list.png) left 3px no-repeat;margin:0 0 8px;padding:0 0 9px 12px;}
.sidebar .widget{margin:0 0 15px 0;padding:0;color:#000000;font-size:13px;}
.main .widget{margin:0 0 5px;padding:0 0 2px}
.main .Blog{border-bottom-width:0}
.widget-containerist-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#000000;font-size:13px}
Özelleştirme :
1. Yukarıda .sidebar ul li ,yazan satırdaki link, link listenizin sol baş kısmına küçük bir ok işareti ekler.
3. Mavi renkli ok simgesini istemiyor iseniz, bağlantı linkini silebilirsiniz. Parantez ile başlayan ve parantez ile biten linki silin. url (link……)
4. Ok işaret linkini sildiğiniz halde, ana sayfada görülüyorsa ( CRTL+Üstkarakter+R ) veya
( CRTL+F5 )  klavye tuşlarına basarak ön belleği yenilediğinizde ok işaratleri görülmeyecektir.