banner

header ads

Blogger Renkli Kategori (Widget) Yapımı

Birçok Blogger sahibi içerikten fazla olarak tema ile uğraşırlar. Bunu yaparken de en iyisi olsun diye çapa sarferder dururlar. Siteyi açılışta güzel gösterecek ve fazla kasmayacak bir güzellikle karşınızdayım. Blogger Renkli Kategori Yapma (Widget)

Nedir peki bu renkli kategori ??? (widget)

Birçok web sitesinin sağ veya sol menüsünde son yazılar, popüler yazılar, haftanın videosu, son yorumlar vb. birçok widget görürsünüz. Blogger sahipleri bunu zaten Blogger Paneli- Yerleşim bölümünden yaparlar. Bazı temalarda (Örneğin şuan ki Murat-Fan temasında görüldüğü gibi) tablo içine alınmış şekilde Başlıklar mevcuttur ve hepsinin rengi genelde aynıdır. Değişiklik bile yapsanız hepsi aynı anda değişir. Biz bugün bunları ayrı ayrı renklendirmeyi göstereceğiz.


Peki nasıl yaparım ?
Sırası ile: Blogger-Şablon-HTML'yi Düzenle


CTRL+F yaparak arama ekranı yaratın ve kodların için şu kodu arayın

]]></b:skin>

Bulduğunuz kodun hemen üstüne şu kodları ekleyin.

#HTML4 h2{ color:#a5a5a5; border-bottom:0px solid #000000; background-image:url(Arka Plan İMG);}

Şimdi Arkadaşlar bunları yaptıktan sonra olay bitmiyor.

Örnek verecek olursak; Temanızdaki sağ yada sol menüye toplam 4 tane eklenti girdiniz ve hepsinin renginin değişmesini istiyorsunuz. O Halde 4 tane böyle alt alta kodları girmelisiniz

#HTML4 h2{ color:#a5a5a5; border-bottom:0px solid #000000; background-image:url(Arka Plan İMG);}

#HTML4 h2{ color:#a5a5a5; border-bottom:0px solid #000000; background-image:url(Arka Plan İMG);}

#HTML4 h2{ color:#a5a5a5; border-bottom:0px solid #000000; background-image:url(Arka Plan İMG);}

#HTML4 h2{ color:#a5a5a5; border-bottom:0px solid #000000; background-image:url(Arka Plan İMG);}

Her kod için atıyorum ilk sırada Popüler yayınlar varsa ilk koddaki #HTML4 yazısını #PopularPosts1 olarak değiştiriyorsunuz ve bu her eklentide değişiyor. yani önemli olan menünüzün İd ismini bulmak. bunun için bilinen en kolay yol ise Google Chrome'dan sitenize girip hangi menünün İd'sini bulmak istiyorsanız fare imlecini üstüne getirip ''Öğeyi Denetle'' yapmaktır. Zaten size

<div class="widget Label" id="PopularPosts1"> şeklinde bir kod görünecek ve siz burada mevcut olan İd ismini alacaksınız.

* YAPAMAYAN ARKADAŞLARIM BANA İLETİŞİM BÖLÜMÜNDEN ULAŞABİLİRLER.

Yorum Gönder

0 Yorumlar