Dinamik Blog Menü Linklerine Ayırıcı Çizgi Ekleme

Blog Menü Linklerine Ayırıcı Çizgi Ekleme
Blogger, Dinamik Blog menü linklerine, ayırıcı dikey çizgiler ekleyerek görünümünüzü değiştirebilirsiniz.Menü linklerini birbirinden ayıran kesme dikey çizgi eklemek için yapılması gereken işlemler nelerdir aşağıda inceleyelim.
BLOG'UMUZUN İLK GÖRÜNÜMÜ
Dinamik Blog menü görünümü
→ Blog girişi yapın
→ Şablon → Özelleştir → Gelişmiş → CSS Ekle tıklayın
→ Daha önceden eklenmiş CSS kodunuz varsa dikkatli bir şekilde aşağıya kaydırın
→ Aşağıdaki 1 no’lu kodu kopyalayın ve yapıştırın
→ ( }) Bu işaretin bitiminde entere tıklayın
→ Tekrar Blog’a uygula tıklayın
→ Blog’u görüntüleye tıklayın.
Blog menüsü sağ taraf da çizgi yoktur, diğerlerinde çizgi vardır.Aşağıdaki resmi inceleyelim.
DEMO GÖRÜNTÜ
CSS KOD NO : 1

#header #pages:before{
border-left: 0px !important;
}
#header .tabs li, .ss{
margin-left:0px !important;
padding-left: 10px !important;
padding-right: 5px !important;
border-left: 1px solid white;
}
CSS KODUNU EKLEDİKTEN SONRAKİ GÖRÜNÜMÜ
Dikkat ederseniz son menüden sonra çizgi yoktur.
Dinamik Blog sağda kesme olmayan menü
Aşağıdaki kodu CSS kodumuza eklediğimizde menü linkimizin sağ tarafındada çizgiyi elde edeceğiz.Bunu yapmak için aşağıdaki kodun başlangıç ve bitiş kısmındaki kodun içine aynı yere yapıştırıp blogumuzu kaydedip, blogu önizleme yapacağız.Bu değişimden sonraki görünüm aşağıdaki resim gibi olacaktır.
CSS KOD NO : 2
#header .tabs li:last-child{
padding-right:10px !important;
border-right: 1px solid white;
}
Dinamik Blog sağda kesme olan menü görünümü
CSS Kod 2 ‘yi ekleyeceğiniz kısmı mavi ile belirtim. Her iki görüntüden hangisini kullanmak isterseniz blogunuza uygulayabilirsiniz.Problem yaşarsanız yorumlarda belirtebilirsiniz.

Bu blogdaki popüler yayınlar

Youtube Video Önizleme Küçük Resmi Nasıl Değiştirilir

YouTube Kanalına Yönlendiren Özel URL Alma

Friend Connect Blogger İzleyiciler Gadgeti Emekli Çözüm

WordPress Facebook Google Plus Disqus Yorum Eklentileri

Windows 10 Rezervasyon Bildirimi Çıkmıyor mu Çözüm

Blogger Üst Menüye Kategori Ekleme (Videolu Anlatım)

Attribution Gadgetini Etkinleştir (Videolu Anlatım)

Wix Ücretsiz Sitenize Yorum Kutusu Ekleme

Son Yazılar Eklentisi (Animisyonlu)