Mart 08, 2013

Yatay Link Menü Eklemek - Blogger Eklentileri


Blogger İçin Yatay Link Menü Eklemek - Blogger Eklentileri

Merhaba bloglama zamanı takipçileri. Bugün yeni başlayanlar için yeni bir konumuzdan bahsetmek istiyorum. Blogger'a yatay link menüsü nasıl eklenir ondan bahsedeceğim. 

Blog başlığınızın hemen altına istediğiniz tasarıma göre yatay bir link menü eklemek istemez misiniz ? Gelin şimdi bu konunun ayrıntılarına bir bakalım...
İlk adımda;
  • Kumanda Paneli
  • Şablon
  • HTML'yi Düzenle
  • Widget'i Genişlet yolunu izleyin aşağıdaki kodu blogunuzda aratın:
]]></b:skin>
bulduğunuz bu kodun hemen altına gelecek şekilde aşağıdaki CSS kodunu yapıştırın.
#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#newnavbar li a{
color:#000000;
}

#newnavbar li a:visited {
color: #c00000;
}

#newnavbar li a:hover {
color: #c00000;

}
şablonu kaydedip çıkabilirsiniz.
Resimde gördüğünüz tasarım hoşunuza gitmediyse değiştirebileceğiniz bölümler şunlar:

  • Ana sayfa, link1,2,3,4,5 gibi siyah görünümlü yerlerin renklerini değiştirmek istiyorsanız eğer newnabar li a kodunun altındaki color:#000000; renk kodunu değiştirebilirsiniz.
  • Linkin üzerine geldiğinizde menü görünümü kırmızıya dönüşüyor. Bu tasarımı da değiştirmek istiyorsanız eğer, newnavbar li a:hover kodunun altındaki #c00000 renk kodunu değiştirebilirsiniz.
İkinci adımda ise: Yatay Link Menü'nün HTML kodlarını eklemeye geldi. Bu kodları da
  • Kumanda Paneli
  • Yerleşim
  • Gadget Ekle
  • HTML/Javascript yolunu takip ettikten sonra açılan kutuya aşağıdaki HTML Menü kodlarını eklemek.
Menü kodlarını blogunuzun (Üst Bilgi) gadget'inin altına eklemeyi unutmayın.
Yatay Link Menü Kodu:
<div id='newnavbar'>
<ul>
<li><a href="http://bloglamazamani.blogspot.com">Ana Sayfa</a></li>
<li><a href="Link1">Menü Adı</a></li>
<li><a href="Link2">Menü Adı</a></li>
<li><a href="Link3">Menü Adı</a></li>
<li><a href="Link4">Menü Adı</a></li>
<li><a href="Link5">Menü Adı</a></li>
</ul></div>
İşlemimiz bitmiştir. Blogunuza Yatay Link Menü kodu eklenmiştir. Eğer yapamadığınız bir şey olursa "YORUM" bölümünden iletebilirsiniz. Başka bir konuda görüşmek üzere. Herkese kolay gelsin, iyi bloglamalar...

9 yorum :

çok faydalı teşekkürler
cicekacil.blogspot.com

mrb yatay menü oluşturdum. menülerde örneğin oyun menüsüne tıklağımda oyunlarımın orada olmasını istiyorum nasıl yapabilirim acaba... http://bloggerlearners.blogspot.com/

@semih demir, eklemek istediğin oyunun adı ne ise, onu blogundaki arama moturunda arat mesela şöyle: http://bloglamazamani.blogspot.com/search?q=tema&x=9&y=10

Bu şekilde arattıktan sonra linki yukarıda belirtilen #link1, #link2 gibi herhangi birine yapıştır daha sonra oyunun adını yazıp kaydedebilirsin.

Admin ya bana bi yardım et ltfn ben yapamadım kardeş kodu yapıştırıyom java felan onu ekliyom yapıom olmuyo sayfamı actıgımda yazdıgım o kodlar yukarda gözüküyo yani blogumda kodlar gözüküyo

@Selim Hamzaoğulları, Java kodu eklemiyorsunuz ki ? Sadece HTML/Javascript gadget'i açıp içerisine yukarıdaki kodu yapıştıracaksınız.

Ayrıca Menüyü yukarıya taşımalısınız. Aşağı bölümlerde menüyü eklemeniz bir işe yaramayacak.

lütfen yardım et yazyı yazıyorum fakat ne anasayfada ne arşivde görünmüyor

@pchaber, "Link1" yazan yere URL'yi yazacaksınız. Menü Adı yazan kısma ise ismi siz belirliyorsunuz.

Mesela: < li> < a href="Link3">Menü Adı< / a> < /li>

< li> < a href="http://bloglamazamani.blogspot.com/">Ana Sayfa< / a> < / li>
gibi.

yha eklemim salun ama mesala programlar ekledi bitanesine ona tıklayınca bu sayfa blogta yok diyor oraya birkaç fotoğraf ve açıklama nasıl ekleyebilirim saolun :)

anlatılanları uyguladım ve güzel sonuç aldım. çok sağolun fakat ufak bir soru var. üst kısımda , blog fonunun üzerinde yazdığım kod çıkıyor bunu nasıl engelleyebilirim ?? www.gokhan-mert.blogspot.com.tr ye girip bakabilirsiniz.

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.