Blogger Şablon Düzenleyicisiyle Özelleştirme
Blogger'da Tema → HTML'yi Düzenle kısmından şablon kodlarına erişerek yayın başlığı tasarımını değiştirebilirsiniz. Yayın başlıklarını özelleştirmek için ilgili CSS sınıfını bulup düzenlemek yeterlidir.
Üçüncü Parti Araçlar veya Eklentiler Kullanma
Blogger için geliştirilen temalarda veya eklentilerde, genellikle başlıkların görsel açıdan zenginleştirilmesi için kolay araçlar sunulur. Bu araçlar, kod yazmadan renk ekleme olanağı sağlayabilir.
Neden Renklendirme Kullanılır?
- Okuyucuların Dikkatini Çekmek: Düz siyah yerine renkli başlıklar daha dikkat çekici olur.
- Marka Kimliğini Güçlendirmek: Blog temanızla uyumlu renkler kullanmak profesyonel bir görünüm sağlar.
- Görsel Çeşitlilik Katmak: Renkli başlıklar, blogunuzu daha dinamik ve ilgi çekici hale getirebilir
Blogger Yayın Başlıklarını Rengarenk Yapmak
Blogger yayın başlıklarını rengarenk yapmak için css kodlarını </style> veya ]]></b:skin> etiketinden önce ekleyiniz. Siteniz için renkleri belirlemenize yarayan renk kodlarını değiştirme imkanı bulunmaktadır.
H1 Başlıklarını Rengarenk yapma
Yayınlarınızda sadece ana başlık yani h1 başlıklarını rengarenk yapacaktır.
h1 {background: -webkit-linear-gradient(-15deg, #00004d 0%, #D81B60 30%, #21c72d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
H2 Başlıklarını Rengarenk yapma
Sitenizdeki başlık yani h2 başlıklarını rengarenk yapacaktır.
h2 {
background: -webkit-linear-gradient( 170deg , #0d0dec 0%, #01a7af 30%, #ff0000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
H3 Başlıklarını Rengarenk yapma
Sitenizdeki alt başlık yani h3 başlıklarını rengarenk yapacaktır.
h3 {
background: -webkit-linear-gradient( 260deg , #00ff1f 0%, #e003fb 30%, #b10000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Tüm Başlıklarını Rengarenk yapma
Yayınlarınızda sadece ana başlık ve sitedeki başlık ve alt başlıkları rengarenk yapacaktır.
h1 {
background: -webkit-linear-gradient(-15deg, #00004d 0%, #D81B60 30%, #21c72d 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h2 {
background: -webkit-linear-gradient( 170deg , #0d0dec 0%, #01a7af 30%, #ff0000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h3 {
background: -webkit-linear-gradient( 260deg , #00ff1f 0%, #e003fb 30%, #b10000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Lütfen yorum yaparken şunlara dikkat ediniz:
Küfürlü, siyasi veya huzur bozucu yorumlar yapmamaya,
Reklam, spam gibi yorumlar yapmamaya.