24 October 2009

Bukin Menu Bar Di BLogspot

Bisa gk ya... template yang gk ada Menu Bar nya kita pasang Menu bar....??

Nah, terkadang kita dapat menemukan template yang sudah memiliki Tab Menu di bawah Headermya dan jika demikian ini lebih memudahkan kita untuk menanam Url di dalam tab Menu tersebut. Namun, ada juga template yang tidak memilikinya. Tapi jangan kwatir kita juga bisa menambahkannya kok.. coba lihat contoh gambar Tab Menu di bawah ini :

atau anda bisa langsung lihat contohnya di blog saya : elitzeroone.blogspot.com

hmm, tentunya kita harus memiliki pengetahuan dasar HTML loh... Tapi jangan khawatir saya akan ajarkan ajiannya di sini..hihi..

Begini, hal pertama yang harus kita perhatikan sebelum memasang menu bar adalah apakah template yang kita pakai sudah memiliki add Gadget di bawah kolom Navbar. Sebenarnya kita tidak harus berpatokan mesti di bawah kolom navbar saja karena kita juga dapat meletakkan Tab Menu Bar di mana saja. Misalnya di bawah Header seperti yang tampak di blog saya. ya.. tergantung cara pandang yang Elok menurut kita.
Oh..iya kalau kebetulan di template blog kita tidak menyediakan page elemen di bawah Header atau Navbar kita juga bisa sedikit memodifkasi pada html template untuk bisa menampilkan link add page element. Nah, jika sudah ada maka lanjut ke langkah berikut...

langkahnya:

1. Pastikan kita berada di dasbor pada blogger
2. Lalu Pilih Layout(Tata letak) >> Edit Html
3. Cari ( Ctrl + F) kode berikut ]]></b:skin>
4. Letakkan kode berikut tepat di atas kode ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

5. Lau cari kode yang mirip kode di bawah ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

6. Setelah ketemu Copy+paste kode berikut di bawah kode tadi :

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>


7. Simpan template


**Setelah kita berhasil memodifikasi Html nya, langkah selanjutnya adalah menambahkan script Html pada page Elemen. ikuti langkah di bawah ini.

1. Pastiin kita berada di Dasbor blogger
2. Klik layout
3. Trus add a new Gadget >> Pilih Html atau JavaScript
4. Dan Masukkan Kode berikut :

<a href=http://alamataboutpageURL>HOME</a><a> | </a>
<a href=http://alamataboutpageURL>ABOUT</a><a> | </a>
<a href=http://alamathalamanURL>HALAMAN</a><a> | </a>
<a href=http://alamattipsURL>TIPS</a>


Ingat ..!!
Huruf yang saya beri tanda hijau di atas adalah url yang di tuju dari Menu yang kita buat. Sedangkan yang saya beri warna biru merupakan Judul dari Menu yang kita buat. .Nah kita bisa menyesuaikan url tersebut dengan judul menu yang kita buat.

***** Selamat Mencoba ******










Posting yang berkaitan



1 komentar:

Christhoper March 15, 2011 7:16 PM  

ga ketemu kode yg no 5 gan :-t

Post a Comment

Makasih atas komentarnya

  © Blogger templates Newspaper III by Ourblogtemplates.com 2008

Back to TOP