Menu

Blogger Gadget Başlıklarının Arkaplan Renklerini ve Karakterlerini Değiştirme

Blogger blok sitesi kurmak isteyenlere Blogger düzenleme kodlarını SEO Mektebi olarak yayınlamaya devam ediyoruz,aşağıda açıkladığım yöntemlerle Blogger Etiketler(Label),Popüler yazılar(PopularPosts),JavaScript(HTML) ve Bağlantılar(Label) gadgetlarının başlık yazılarının karakterlerini ve başlıkların arka plandaki renklerini nasıl değiştirebileceğinizi açıklamaktayım.  
Blogger Gadget Başlıklarının Arkaplan Renklerini ve Karakterlerini Değiştirme

Önceki Etiketler (Label) başlığının görünümü

Blogger Gadget Başlıklarının Arkaplan Renklerini ve Karakterlerini Değiştirme
Sonra Etiketler (Label) başlığının görünümü

Blogger Gadget Başlıklarının Arkaplan Renklerini ve Karakterlerini Değiştirme
1.Adım
1-İlk önce Blogger.com giriş yapınız sonra Şablon/ HTML Düzenle adımlarını takip ediniz.

2-Kodu yükleyeceğiniz yeri bulmak için,kodumuz CSS olduğu için ]> </ b:skin> buluyoruz.
Bu kodu bulmak için ]> </ b:skin> kodunu kopyalayarak Ctrl + F tuşlarına basıp kodlarınızın içinde aratın


3-Bulduğunuz ]]> </ b:skin> kodunun üstüne aşağıda verdiğim kodu ekleyiniz ve son olarak Şablonunuzu kaydediniz.


Aşağıdaki CSS kodları içindeki #000000 şeklindeki renk kodlarını istediğiniz gibi değiştirebilirsiniz.


SEOMektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz

/*-----WIDGET Başlık Arka renkler seomektebi -----*/ #LinkList1 h4{ background:#000000; margin:10px 0 10px 0; padding:8px 0 8px 10px; font-size:12px; font-family: Sans-serif, Arial, Helvetica; font-weight:bold; text-transform:uppercase; color:#fff; text-shadow:0 1px 0 #fff; } #PopularPosts1 h4{ background:#000000; margin:10px 0 10px 0; padding:8px 0 8px 10px; font-size:12px; font-family: Sans-serif, Arial, Helvetica; font-weight:bold; text-transform:uppercase; color:#fff; text-shadow:0 1px 0 #fff; } #Label1 h4{ background:#000000; margin:10px 0 10px 0; padding:8px 0 8px 10px; font-size:12px; font-family: Sans-serif, Arial, Helvetica; font-weight:bold; text-transform:uppercase; color:#fff; text-shadow:0 1px 0 #fff; } #HTML2 h4{ background:#000000; margin:10px 0 10px 0; padding:8px 0 8px 10px; font-size:12px; font-family: Sans-serif, Arial, Helvetica; font-weight:bold; text-transform:uppercase; color:#fff; text-shadow:0 1px 0 #fff; }


Yukarıda verdiğim kodlarda #HTML2 ile başlayan kod rengi HTML/JavaScript gedgetları arka plan rengini değiştirmek içindir.Burada değiştirmek istediğiniz #HTML2  yazan yerdeki sayı kaç olduğuna bakmanız gerekir,sayı kaç ise turuncu yerdeki sayı o olması gerekir yoksa kod istemediğiniz HTML/JavaScript gedgetında çalışır.

Blogger Gadget Başlıklarının Arkaplan Renklerini ve Karakterlerini Değiştirme

Yeşil yerdeki  kodlar ise #PopularPosts1 Popüler yazılar gedgetlarını değiştirmek için kullanılır,buradaki kırmızı sayı yine arka planını değiştirmek istediğiniz gedgetın sayısı ile aynı olmalıdır.

Bu mavi renkteki kod ise etiketler gedgetının arka plan rengini değiştirmek için kullanılır #Label1  buradaki sayıyı da değiştirmek istediğiniz etiketler gedgetının sayısı ile aynı olmalıdır.

Dikkat edilmesi gereken nokta Blogger Etiketler(Label),Popüler yazılar(PopularPosts),JavaScript(HTML) ve Bağlantılar(Label) gadgetlarının değiştirmek istediğiniz gadget olmasıdır.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

2 yorum ''Blogger Gadget Başlıklarının Arkaplan Renklerini ve Karakterlerini Değiştirme"

YORUM EKLE
  1. KARDEŞ BOZUK
    h2 olunca olmuyor.

    YanıtlaSil
  2. Buldum kardeş h4 yerine h2 yapınca oldu eyvallah.

    YanıtlaSil

Önerilen Yazı
×