Merubah Menu Navigasi dalam Arthemia Blogger Template (Seri III)

Alhamdulillah, aku dapat menuliskan kembali cara merubah menu dalam arthemia blogger template. Jujur saja, aku berhasil mengubahnya karena nyoba hack sendiri aja. Menuliskan cara mengubah, kurasa itu yang sulit dari prosesnya. Jadi kalau dalam artikel lain ada kemiripan, aku benar-benar minta maaf. Aku berusaha hanya menepati janjiku pada teman-teman. Cara mengubah menu dalam artikel ini, aku tuliskan dari pengalamanku blog aku sendiri (yang sedang kamu baca). Sehingga, apabila terdapat kata-kata yang kurang berkenan, semacam promosi sesuatu, aku sama sekali tidak bermaksud demikian. Akhirnya, aku berharap, semua pembaca dapat mengikuti cara ini, berurutan dari langkah satu sebelum melangkah ke bagian lain.


Asal script dari Arthemia, seperti berikut;
  <ul class="'left" id="'page-bar'"> <li><a href="'data:blog.homepageUrl'">Home</a></li> <li><a href="'#'">Menu1</a></li> <li><a href="'#'">Menu2</a></li> <li><a href="'#'">Menu3</a></li> <li><a href="’http://themelib.com’">Theme Lib</a><ul class="’children’"> <li class="’cat-item’"><a href="’http://themelib.com/about’">About me</a></li> <li class="’cat-item’"><a href="’http://themelib.com/about’">Contact me</a></li> <li class="’cat-item’"><a href="’http://themelib.com’">Visit my blog</a></li> </ul> </li> </ul>


Aku mengubahnya menjadi:
  <li><a href="http://badru-zaman.blogspot.com/">Home</a></li> <li><a href="http://badru-zaman.blogspot.com/2008/03/temukan-disini.html">Download</a></li> <li><a href="http://badru-zaman.blogspot.com/feeds/comments/default">Comments RSS</a></li> <li><a href="http://www.blogger.com/profile/13543027608412910740">About Me</a></li> <li><a href="#">Topic</a><ul class="children"> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Anti%20Virus%20AVG">AVG Anti Virus</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Hardware">Hardware</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Internet">Internet</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Komputer">Komputer</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Networking">Networking</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/penghasilan%20tambahan">Penghasilan Tambahan</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Virus%20dan%20Anti%20Virus">Virus dan Anti Virus</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Tip%27s%20and%20Trik%27s">Tip's and Trik's</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Software">Software</a></li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Uncategories">Uncategories</a></li> </ul> </li> </ul>

--00O00--

Baiklah, kita akan merubah satu demi satu. Caranya sebagai berikut; 

1. Temukan kode diatas dalam template kamu. (Jangan lupa expand template 

 widget)
<li><a href="#">Menu1</a></li> <li><a href="#">Menu2</a></li>  

2. Kamu ubah tampilan [menu] dengan yang lain. [menu1] menjadi --> [Home],lalu [menu2] menjadi -->[download]. dst. Seperti dibawah ini. <li><a href="#">HOME</a></li> <li><a href="#">DOWNLOAD</a></li>  

3. Perhatikan tanda pagar [#]. Lalu dirubah menjadi tanda [#] menjadi alamat blog kamu. (Lihat alamat URL pada Download) <li><a href="data:blog.homepageUrl">Home</a></li> <li><a href="http://www.blogger.com/%20http://nama-blog-kamu.blogspot.com/download.htm%20">Download</a></li>  

4. Berikutnya ubah alamat URL anak (children). Caranya dengan mengubah alamat URL induk (mother) terlebih dahulu. Lihat alamat URL induk (mother) awalnya seperti berikut; <li><a href="http://www.blogger.com/%E2%80%99http://themelib.com%E2%80%99">Theme Lib</a>  

5. menjadi [topic] sehingga alamat URL menjadi tampak seperti ini: </li> <li><a href="http://www.blogger.com/%E2%80%99#%E2%80%99">Topic</a> 

6. Berikutnya tentang alamat URL Anak (children). Lihat awalnya tampak seperti dibawah ini; <ul class="’children’"> <li class="’cat-item’"><a href="http://www.blogger.com/%E2%80%99http://themelib.com/about%E2%80%99">About me</a></li>  

7. Lalu ubah alamat label asli. <a href="http://www.blogger.com/%E2%80%99http://themelib.com/about%E2%80%99"> 

8. Menjadi label blog kamu: </a><a href="http://www.blogger.com/%E2%80%99http://nama-blog-kamu.blogspot.com/search/label/nama" label=""> 


Misalnya menjadi seperti berikut; </a><ul class="’children’"><a href="http://www.blogger.com/%E2%80%99http://nama-blog-kamu.blogspot.com/search/label/nama" label=""> </a> <li class="’cat-item’"><a href="http://www.blogger.com/%E2%80%99" com="" search="" label="" anti="" virus="">Anti virus AVG</a></li>  
Catatan; jangan lupa menutup dengan pada bagian akhir alamat URL anak (children) dengan kode. </a></li>  
Pada bagian akhir alamat URL Anak pada blog-ku tampak seperti contoh dibawah; </li> <li class="cat-item"><a href="http://badru-zaman.blogspot.com/search/label/Uncategories">Uncategories</a></li>  


Baiklah, selamat mencoba. Dengan senang hati Aku akan membatu kesulitanmu.

Tweet