Blogger Sidebar Turuncu Renkli Gadget Başlığı

Blogger’un varsayılan Tema Tasarım özelleştirme işlemlerine devam ederek, blogger,’un varsayılan sade görünümlü sidebar gadget başlık ismini (title) değiştirip, turuncu renkli yatay gadget başlık görünümlü farklı bir eklenti kullanabilirsiniz. Eklenti içindeki resim link’i blog’unuza eklediğiniz link bağlantıları ve popüler yayınların sol başında dekoratif görünümlü turuncu renkli ok işareti oluşturmaktadır. Blog’unuz da kullanabileceğiniz birçok özel tasarım şablonlarını Temalar ismi ve bu temaları özelleştirebileceğiniz tasarım ile ilgili konuları da Tema tasarım bağlantı linkinden inceleyerek çok güzel özel temaları kullanabilir veya tasarlayabilirsiniz. Yukarıda verilen resimde Turuncu renkli gadget eklentisinin nasıl olduğu görülmekte. Tema tasarımı ile ilgili konularda anlaşılmayan yerleri yorumlar bölümünden belirtebilirsiniz.
 Blog’unuzun turuncu 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.
HTML-Kodu:(Sitenizi Yedekleyin-Tarayıcı Dil Çeviriyi Orj.Konuma Alın)
/* 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:#F13F37;}
.sidebar h2, h3.widgettitle{border-bottom:2px solid #F24941;margin:0 0 10px;padding:10px 10px 6px 1px;color:#414445;text-decoration:none;text-transform:uppercase;}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{padding:0 0 6px 15px;margin:0 0 6px;background:url(http://1.bp.blogspot.com/-PZBFZ39Jc1U/VCRMTSuJ9II/AAAAAAAAOnQ/QUsa_wpO92I/s1600/widget-list.png) left 5px no-repeat;}
.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-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#000000;font-size:13px}
Açıklamalar :
1. Yukarıda .sidebar ul li ,yazan satırdaki link, sol baş kısma küçük bir ok işareti ekler.
2. Link listenizde ok simgesi istemiyorsanız, bağlantı linkini silebilirsiniz. Parantez ile başlayan ve parantez ile biten linki silin. url (link……)
3. Yukarıda hazırlanan kodlar, Blogger varsayılan şablona göre düzenlenmiştir.
4. Blogger kumanda panelinde başlık isimlerini rahatca düzenleyebilirsiniz. Sidebar gadget başlık ismini düzenlemek için sırası ile aşağıdaki adımları takip edin.
ŞablonÖzelleştirGelişmiş Gadget’ler yolunu takip ederek ;
Başlık yazı tipi : Oswald font’u , (B) bold koyu, 16 px. başlık isim renk seçimi tercihinize bağlı.
NOT: Blog’unuz da farklı eklentilerden dolayı yazı font’u değişebilir. Bazı gadget isimlerinde küçük (i) harfi görülmüyorsa, büyük (İ) harf ile değiştirin.