Blogger Link Rengi Nasıl Değiştirilir?
Blogger kullananlara blogger link renkleri değiştirmek için nasıl bir yol izlemeleri gerektiği hakkında önemli detayları bu konumuza sunmaya çalışacağız. Blogger şablon kodları aslında çok basit bir yapıdan oluşmaktadır fakat çoğu kişi ücretsiz olan bu altyapıdan başladığı ve yeni sektöre girdiği için kodlar hakkında pek bilgi sahibi olmayabiliyorlar. İşte Blogger link rengi nasıl değiştirilir sorusunun yanıtı..
Blogger Link Rengi Değiştirme
Blogger link renkleri değiştirmek aslında temamızın renklerine uyum sağlamak için oldukça önemli oluyor bizlere için. Bu yüzen neyi nasıl yapmamız gerektiğini bilmek bu safhada oldukça önem taşıyor. Kimi yazı içerisinde verdiği linklerin rengini değiştirmek isterken kimileri ise Etiket linkleri, Önceki/Sonraki yazılar linkleri gibi yerlerde renk değişikliği yapmak istiyor. O zaman Blogger link rengi değiştirmek isteyenlere kod yapısıyla nasıl yapıldığından bahsedelim. Farklı bir yerden Blogger teması indirip yüklediyseniz çoğu temada bu işlemler için Özelleştir kısmında renk değiştirme seçenekleri yoktur. İşte bu yüzden kodlar ile düzenleme yapmak zorunda olacaksınız.
Yayınlar/Yazı İçerisindeki Linklerin Rengini Değiştirmek
Blogunuzda yazdığınız yazıların içinde yer alan linklerin rengini değiştirmek için aşağıda verdiğimiz kodu bulun.
.post-body a{ color: green !important; } .post-body a:hover{ color: default !important; } .post-body a:visited{ color: default !important; }Kod yukarıdaki şablona benzer bir yapıda olacaktır. Green yazan yere linkin hangi renk olmasını istiyorsanız İngilizce karşılığını yazın ya da renk html kodlarını bulup yerine yazın.
Önceki Yazılar Linklerinin Renklerini Değiştirmek
Blogunuzun yazılarının içine girildiğinde yazınızın sonunda çıkan Önceki Yazılar yazan yerdeki linkin rengini değiştirmek için aşağıda verdiğimiz kodu şablonunuzda bulun.
#blog-pager-older-link a{ color: green !important; } #blog-pager-older-link a:hover{ color: default !important; } #blog-pager-older-link a:visited{ color: default !important; }Yukarıdaki koda benzer bir alan bulduğunuzda green kelimesi yerine başka bir renk kodu veya İngilizce renk adı yazın.
Sonraki Yazılar Linklerinin Renklerini Değiştirmek
#blog-pager-newer-link a{ color: green !important; } #blog-pager-newer-link a:hover{ color: default !important; } #blog-pager-newer-link a:visited{ color: default !important; }Yukarıda verdiğimiz kodu bulun. Green kelimesi yerine istediğiniz renk kodu veya İngilizce renk adı yazın.
.PopularPosts a{ color: green !important; } .PopularPosts a:hover{ color: default !important; } .PopularPosts a:visited{ color: default !important; }Yukarıda yazan kodu bulup yine green kelimesi yerine istediğiniz renk kodu veya İngilizce renk adı yazın.
Yorum Bölümüne Yönlendiren Linklerin Rengini Değiştirmek
.comment-link{ color: green !important; } .comment-link:hover{ color: default !important; } .comment-link:visited{ color: default !important; }Yukarıda yazan kodu bulup green kelimesi yerine istediğiniz renk kodu veya İngilizce renk adı yazın.
Blog Arşivinizde Yer Alan Linklerin Rengini Değiştirmek
#ArchiveList a{ color: blue !important; } #ArchiveList a:hover{ color: default !important; } #ArchiveList a:visited{ color: default !important; }Yukarıda belirttiğimiz kodu şablonunuzda aratın. Daha sonra blue yazan yere renk html kodu ya da farklı renklerin İngilizce karşılığını yazın.
Yazılarınızın Sonunda Yer Alan Tarih Linklerinin Rengini Değiştirmek
.published{ color: orange !important; } .published:hover{ color: default !important; } .published:visited{ color: default !important; }Yukarıdaki kodu yine şablonunuzda aratınız. Orange yazan yere istediğiniz rengin İngilizce karşılığını ya da renk html kodlarından birini yazın.
Eski Yazılar ile Yeni Yazılar Arasında Bulunan Anasayfa Linki Rengini Değiştirmek
.home-link{ color: brown !important; } .home-link:hover{ color: default !important; } .home-link:visited{ color: default !important; }Yukarıda yazdığımız kodları şablonda aratarak bulun. Brown yazısı yerine İngilizce karşılığında renk ya da renk html kodlarından bir tanesini yazın.
Yazınızın Sonunda Yer Alan Etiket Linklerinin Rengini Değiştirmek
.post-labels a{ color: red !important; } .post-labels a:hover{ color: default !important; } .post-labels a:visited{ color: default !important; }Yukarıda belirttiğimiz kodları şablonda aratıp bulun ve red yazan yere renk html kodu ya da İngilizcede renk adı yazın.
Diyelim ben bunları farklı farklı yapmayacağım, hepsinin aynı renk olması adına Blogger linklerinin renklerini değiştirmek istiyorum diyorsanız aşağıda verdiğimiz kodları şablonda uygun alana yapıştırın ve üzerindeki renk kodlarında oynama yaparak istediğiniz rengi seçin.
a:link{ color: #008E00 !important; } a:hover{ color: black !important; }İLGİLİ İÇERİKLER
