Membuat Menu, Sub Menu Pada Blogger Tingkat Lanjut

Oke cuy seperti yang tertera pada judul, kita akan buat menu, sub menu, bahkan sub dari submenu didalam blog kita. Ini penting Lho...karena akan membuat blog kita lebih rapi, lebih terstruktur dan pastinya pengunjung lebih mudah dalam mencari kategori sesuai kebutuhannya. Simak tutorialnya.

Langkah 1#:

1. Download template blog anda yang baru dan sesuai keinginan, bagusnya sih yang udah ada menu bawaannya minimal Home, Post RSS, Comment RSS (ini untuk memudahkan kita dalam mengedit label menu sesuai keinginan kita). Link yang saya tawarkan disini adalah: http://www.premiumbloggertemplates.com/
2. Login ke blogger seperti biasa, terus pilih Rancangan > Edit HTML > Pilih Berkas > Unggah > Save
3. Setelah Langkah 1 selesai, lanjut langkah 2

Langkah 2#:

1. Masih pada Edit HTML, klik expand template widget
2. Carilah sintaks berikut:
3. expr:href='data:blog.homepageUrl' ...... >Label yang ada pada template yang anda download tadi</a></li>. Tugas anda adalah mencari kata yang bertulisan merah, pasti akan ada kesulitan dalam mencari kata tersebut karena jumlahnya yang lumayan banyak. Tapi secara umum kata yang berwarna merah tersebut selalu diiringi oleh label yang ada pada template yang telah anda download tadi. Label tersebut ditulis dengan format tulisan yang berwarna biru diatas.
4. Sebagai contoh lihatlah sintaks berikut:

          <li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>

    

     5.  Tulisan yang berwarna biru diatas dapat diganti sesuka hati misalnya Beranda dan sebagainya.

     6.  Biasanya ada menu-menu lain yang ada dibawah template dan itu juga bisa diganti, secara umum formatnya adalah sebagai berikut:

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>        

<li><a href='#'>Post RSS</a></li>

<li><a href='#'>Comment RSS</a></li>

Nah, Kita modifikasi menjadi seperti ini:

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Beranda</a></li>        

<li><a href='#'>Tutorial</a>

      <ul>

             <li><a href=''>Pemograman</a></li>

                   <ul>

                          <li><a href='http://rizukinote.blogspot.com/search/label/java'>Java</a></li>

                          <li><a href='http://rizukinote.blogspot.com/search/label/basic'>Basic</a></li>

                   </ul>

             <li><a href='http://rizukinote.blogspot.com/search/label/photoshop'>Desain</a></li>

     </ul>

</li>

<li><a href='http://rizukinote.blogspot.com/search/label/About'>About Me</a></li>

Perhatikan tulisan yang berwarna ungu diatas, tulisan tersebut merupakan link yang akan membawa kita saat kita melakukan klik pada menu yang telah kita buat. Link tersebut diperoleh dengan cara memberikan label pada setiap postingan di blog. Ini mudah dilakukan karena blogger telah menyediakan fasilitas ini pada dasbor > edit entri > centang postingan > buat label baru > selesai.

Nah kalo udah selesai klik setiap label dan copy url pada address bar browser anda untuk memperoleh link yang nantinya akan menggantikan tulisan berwarna ungu yang saya sebutkan tadi. Kalo udah tinggal di SAVE aja deh gan.

Nah secara struktur sintaks diatas dapat dipresentasikan sebagai berikut:

Beranda

Tutorial

        > Pemograman

                  > Java

                  > Basic

        > Desain

About Me

Kurang lebih gitu aja gan tutorialnya. Huff, Agak ribet ya? Sebenarnya ga juga sih asal kita menggunakan logika kita saat melakukan pengeditan blog, wehehehe....jadi kalo ada masalah tinggalkan komentar agan-agan ya, biar entar ane follow up :)  Good Luck!