Blogger yayın başlıklarını rengarenk olmasını ister misiniz? Blog veya site daha iyi bir görünüme kavuşturmak için css ve javascript kodları ile çok güzel işler yapılabilmektedir. Yayın başlıklarını rengarenk yapmak oldukça basit ve hafiftir.
Blogger yayınlarınızda yayınladığınız yayın içinde başlıklar kullananlar için başlıkları daha çekici yapın. Yayın başlıkları içinde H1, H2 ve H3 başlık etiketleri için farklı punto kullanılıyor. Başlıkların boyutlarının büyük olmasının amacı daha belirgin olmasını sağlamanın yanında seo içinde önemlidir.
Sitenizde yayınlarınızı okuyanlar için yayın başlıklarını rengarenk yaparak daha belirgin olmasını sağlamaya yarayacak. Yayın başlıklarınız görseldekii gibi görünecektir. Başlıklar 3 farklı renk arasında geçiş yapacak ve h1, h2 ve h3 başlıkların görünümü değişecektir.
İsteyenler sadece h1 veya tüm başlıklara uygulayabilir.
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;}{codeBox}
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;
}{codeBox}
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;
}{codeBox}
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;
}{codeBox}
Background kodundan sonra gelen -15deg renk yönünü #00004d, #D81B60 ve #21c72d kullanılan üç rengi belirtir.{alertInfo}
Blogger yayın başlıklarını rengarenk yapmak isteyenler kodları uygun şekilde yerleştirip temayı kaydet etmesinden sonra test edin.