- Home>
- Blogger ayarlar , eklentiler >
- Yazı Linkleri Altındaki Çizgiyi Kaldırma
Posted by : Unknown
4 Ocak 2013 Cuma
Blogger bloglarımızda, yazılarımıza link bağlantısı verdiğimizde, link bağlantılarının altında alt çizgi oluşur. Birçok blog yazarı bu çizgileri sevmez manuel olarak kaldırır. Alt çizgileri sizde sevmiyorsanız blog şablonunuzda küçük bir değişiklik yaparak bu çizgileri kaldırabilirsiniz. Bu işlemi yazı editörünüzde alt çizgi ekle kısmına tıklayarak ekleme ve kaldırma işlemini manuel olarak da yapabiliyorsunuz.
Yazılarınızda bağlantı likleri altındaki alt çizgi sizi rahatsız ediyorsa aşağıda anlatılan işlemi uygulayabilirsiniz. Değiştirmek isterseniz uygulama alanındaki yazıları aynı yerine koyarak eski haline getirebilirsiniz.
Alt Çizgi Örneği : Adnan Güney , Adnan Güney
Önce eklentiyi bulalım :
1. Şablon ⇒ HTL Düzenle ⇒ Wiget Genişlet’e tıkladığımızda hemen üst kısıma yakın bir yerde göreceksiniz. Bu yazıyı bulun.
Kod Açıklama :
Content : İçerik
2. Bu kodun altında bulacağımız kodlar aşağıda gösterilmektedir.
Ayrıca “CTRL +F” ile “ a:link “ kodunu aratıp bulabilirsiniz.
Not: Bu koddan 4 ad bulacaktır.Siz aşağıda yazılı şekli yani ilk kodu bulduktan sonra yazıyı değişeceksiniz. Kodlar bu şekilde görülmektedir. Şablona göre farklılık gösterebilir.
3. Sizin yapacağınız işlem ;
“underline” Kırmızı yazıyı “none” olarak yazmak.
Kod Açıklama :
underline : Alt çizgi
none : Hiçbiri
Yazılarınızda bağlantı likleri altındaki alt çizgi sizi rahatsız ediyorsa aşağıda anlatılan işlemi uygulayabilirsiniz. Değiştirmek isterseniz uygulama alanındaki yazıları aynı yerine koyarak eski haline getirebilirsiniz.
Alt Çizgi Örneği : Adnan Güney , Adnan Güney
Önce eklentiyi bulalım :
1. Şablon ⇒ HTL Düzenle ⇒ Wiget Genişlet’e tıkladığımızda hemen üst kısıma yakın bir yerde göreceksiniz. Bu yazıyı bulun.
Kod Açıklama :
Content : İçerik
/* Content ----------------------------------------------- */ |
Ayrıca “CTRL +F” ile “ a:link “ kodunu aratıp bulabilirsiniz.
Not: Bu koddan 4 ad bulacaktır.Siz aşağıda yazılı şekli yani ilk kodu bulduktan sonra yazıyı değişeceksiniz. Kodlar bu şekilde görülmektedir. Şablona göre farklılık gösterebilir.
a:link { text-decoration:none; color: $(link.color); } a:visited { text-decoration:none; color: $(link.visited.color); } a:hover { text-decoration:underline; color: $(link.hover.color); } |
“underline” Kırmızı yazıyı “none” olarak yazmak.
Kod Açıklama :
underline : Alt çizgi
none : Hiçbiri