Cara Mengedit Menu Navigasi Pada Blog Pemula

HELLO FLEN - Disini saya akan berbagi tutorial blogging mengenai Cara Mengedit Menu Navigasi Pada Blog Pemula. Pada saat pertama Anda mendownload template pada blog, menu navigasi pada template tersebut akan terlihat bawaan templatenya. Nah maka dari itu, saya akan berbagi caranya tapi untuk template original dari blognya sendiri sepertinya tidak akan work atau tidak berfungsi. Langsung saja berikut dibawah ini caranya:

Cara Mengedit Menu Navigasi Pada Blog Pemula - www.helloflen.com

  1. Buka blog Anda.
  2. Klik Template > Edit HTML.
  3. Nah disini, Anda cari coding dengan cara: klik sembarang pada kolom coding lalu CTRL + F dan ketikan "kata kunci" yang ada pada  menu navigasi blog Anda, misal: PEMROGRAMAN. Codingnya akan seperti dibawah ini:

<!-- Customize Navigation Menu Here -->
<li class="home"><a expr:href="data:blog.homepageUrl" href="#"><i class="fa fa-home"></i></a></li>
<li><a class="sit-ul" href="#" itemprop="url"><span itemprop="name">Pemrograman</span></a>
<ul class="sub-menu">
<li><a href="#">Visual Basic 6.0</a></li>
<li><a href="#">C++</a></li>
<li><a href="#">Java</a></li>
</ul>
</li>
<li><a class="sit-ul" href="#" itemprop="url"><span itemprop="name">Tutorial</span></a>
<ul class="sub-menu">
<li><a href="#">Gaming</a></li>
<li><a href="#">Blogging</a></li>
</ul>
</li>
<li><a class="sit-ul" href="#" itemprop="url"><span itemprop="name">Techno</span></a>
<ul class="sub-menu">
<li><a href="#">Handphone</a></li>
<li><a href="#">Komputer ~ Laptop</a></li>
</ul>
</li>
<li><a href="#" itemprop="url"><span itemprop="name">Info Musik</span></a></li>

Screenshotnya:

Cara Mengedit Menu Navigasi Pada Blog Pemula - www.helloflen.com

Pada kolom coding ini, Anda hanya tinggal mengedit sesuai kebutuhan dengan mengganti tanda pagar "#" dengan URL yang Anda butuhkan. Karena discreenshot ada terdapat sub-menu atau istilahnya dropdown atau menu kebawah, jadi bila Anda membutuhkan itu tinggal edit sub-menunya, atau bila Anda tidak membutuhkan sub-menu, Anda tinggal menghapusnya dari coding <ul> sampai </ul>.

Untuk proses pengeditannya, Anda hanya tinggal mengganti coding pada <a href=”#”>misal: BERITA</a>. Sekian flen informasi mengenai Cara Mengedit Menu Navigasi Pada Blog Pemula, semoga bermanfaat dan dapat membantu Anda untuk para pemula tentunya.

1 Komentar:

avatar

Biasanya temen-temen blogger yang baru ganti template pasti sering nyari tutorial ini. Nice share gan :)

Klik untuk berkomentar