Blogger Yayınların Başlıklarını Düzenleme



Blogspot-Blogger Nasıl Yapılır: 

Yayın Başlık Rengini Değiştirme-Düzenleme | Tema Dizaynı



Bende kendi bloğumda kullandığım kodları sizinle paylaşmak isterim.
Böylelikle kolaylıkla bloggerınınız şablonunu özelleştirebilirsiniz.
Eğer sizde benim gibi blogger ın kendi şablonlarını kullanmayıp başka özel bir şablon yüklediyseniz işinize çok yarayabilir. :)
Uyarı: Herhangi bir değişiklik yapmadan önce şablonunuzun yedeğini almayı unutmayın!

Bunlar izliyeceğimiz basamaklar.


  1. Şablonunuz Açın.
  2. Blogger Updated Dashboard
  3. HTML 'yi Görüntüleye tıklayın.
  4. Blogger Edit HTML Button
  5. Bir sürü kodlu bir sayfa göreceksiniz. Panik yapmayın, sadece bu kodu Genişletin  <b:skin>...</b:skin>.
  6. Genişlettikden sonra, Biraz aşağıya indiğiniz zaman aşağıdaki kodu göreceksiniz:
    /* Variable definitions
       ====================
  7. O bulduğumuz kod ile aşağıdaki kodların yerini değiştirelim:
    /* Variable definitions
       ====================
    
       <Group description="Post Title Color" selector="h3.post-title">
         <Variable name="post.title.link.color" description="Link Color" type="color" default="#ff0000" value="#ff0000"/>
         <Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#0000ff" value="#00ffff"/>
         <Variable name="post.title.color" description="Color on Post Page" type="color" default="#ff00ff" value="#ff00ff"/>
       </Group>

    SAKIN KAYDETMEYİN VEYA ÖNİZLEME YAPMAYIN YOKSA KODLAR TAM OLARAK ÇALIŞMAZ. Öbür adımı takip edin.
  8. Aşağıdaki kodu bulun:
    ]]></b:skin>
    Bulduğunuz kodu aşağıdaki kodla değiştirin:
    h3.post-title { color:$(post.title.color); }
    h3.post-title a, h3.post-title a:visited { color:$(post.title.link.color); }
    h3.post-title a:hover { color:$(post.title.hover.color); }
    
    ]]></b:skin>
  9. Şimdi Önizleyebilirsiniz. Başlık renklerini mavi olarak görüceksiniz. Sıkıntı yok o renkleri kendi kafanıza göre Şablonu Özelleştirden yapabilirsiniz.

    Okuduğunuz için Teşekkürler. Yardımcı olabildiysem ne Mutlu Bana:)

Hiç yorum yok:

Yorum Gönder

!!! 10Sn Sonra Kapanacak...Kapat !

Merhaba!

Dogru Dedin'ı e-mail ile takip edenler kazanıyor.

Siz de Dogru Dedin'nın e-mail listeine kayıt olun, kazanın!

×