Blogger Menü Düzenleme Kodu (HTML) Nasıl Eklenir?

Blogger Menü Düzenleme Kodu Nasıl Eklenir?

Blogger temaları ücretsiz olarak sunmaktadır. Fakat düzensiz ve kullanışsız olduğu için düzenlemek gerekmektedir. İşte bu yüzden Blogger menü düzenleme kodu (HTML) ile blogunuza üst menü ekleyerek menü çubuğunuzu oluşturabilirsiniz.

Blogger Blogspot blogunuzda tema bölümünden istediğiniz temaları kullanabilirsiniz. Birde blogunuza dışarıdan tema yükleyebilirsiniz. Aşağıdaki yazıma bakarak ücretsiz Blogger temayı seçebilirsiniz. 

Öneri Yazı: Ücretsiz Blogger Temaları En İyi Tema Şablonları ?

Blogger'ın ücretsiz temalarını kullanmak istiyorsanız. O zaman bazı kodlar kullanarak ve düzenlemeler yaparak daha kullanışlı ve düzenli görünüme sahip yapabilirsiniz.

Öneri Yazı: Blogger Tema Düzenleme Ayarları Nasıl Yapılır?

Dikkat: Temanıza ve blogunuzda uygulayacağınız kod işlemlerini yapmadan her zaman temanızın yedeğini almanızı öneririm. Tema yedeğini almayı bilmiyorsanız aşağıdaki yazıma bakarak öğrenebilirsiniz.

Öneri Yazı: Blogger Tema Yüklemek, Blogger Tema Değiştirmek, Yedek Almak? 

Blogger Menü Düzenleme Kodu | Blogger Tema Şablonu HTML Kod

Şimdi adım adım Blogger blog temada üst menü nasıl düzenlenir, Html kodları nereye yerleştirilir, kodlar ne işe yarar bakalım:

Blogger Üst Menü Oluşturma Html Kodu

Blogger blogda üst menüde anasayfa, kategori ve sayfalar gibi başlık butonları oluşturmak için aşağıdaki adımları uygulayarak oluşturabilirsiniz. 

İlk olarak Blogger panelinden yerleşim bölümünü tıklayın. Açılan sayfada çapraz sütun yazan kutuya da menünün nerede görünmesini istiyor iseniz istediğiniz kutuya gelip + Gadget Ekle butonu ile HTML/JavaScript gadgetini seçerek ekleyebilirsiniz.

HTML/JavaScript ekledikten sonra sağ tarafta düzenle butonuna basın. Açılan ekranda içerik yazan kısıma da aşağıdaki kodları ekleyiniz.

Blogunuza uygun Url kodlarını ve eklemek istediğiniz kategori adlarını, sayfa adlarını yazın ve değiştirip kaydedin.

Aşağıdaki kodu kendi blogunuza göre uyarlayarak ayarlayın. Blogger anasayfa, kategori, sayfa başlığını düzenledikten sonra Blogger menü düzenleme kodunu yapıştırın. SiteAdresiniziEkleyin.blogspot.com yazan yerleri değiştirin.

<a href='#' id='mobilenav'> </a>
<ul class = 'sf-menu' id = 'menunav'>
<li> <a href='https://SiteAdresiniziEkleyin.blogspot.com/'> Anasayfa </a> </li>
<li> <a href='https://SiteAdresiniziEkleyin.blogspot.com/search/label/blog'> Blog </a> </li>
<li> <a href='https://SiteAdresiniziEkleyin.blogspot.com/search/label/seo'> Seo </a> </li>
<li> <a href='https://SiteAdresiniziEkleyin.blogspot.com/search/label/teknoloji'> Teknoloji </a> </li>
<li> <a href='https://SiteAdresiniziEkleyin.blogspot.com/search/label/wordpress'> Wordpress </a>
<Ul>
<li><a href='https://SiteAdresiniziEkleyin.blogspot.com/search/label/wordpress-eklentileri'>Wordpress Eklentileri</a></li>
<li><a href='https://SiteAdresiniziEkleyin.blogspot.com/search/label/wordpress-temaları'>Wordpress Temaları</a></li>
</ Ul>
<li><a href='https://SiteAdresiniziEkleyin.blogspot.com/p/iletisim.html'>İletişim</a></li>


Yukarıda yaptığınız işlemi kontrol etmek için blogunuzu görüntüleyerek nasıl göründüğüne bakabilirsiniz.

Blogger blogunuza footer yani alt bilgi alanı eklemek içinde aşağıdaki yazıma bakabilirsiniz. 

Öneri Yazı: Blogger Footer Ekleme Kodu Siteye Nasıl Eklenir?