Menu Horisontal and Change Bar Menu Colour

Instruction In English inside

Add horizontal menu bar and change the backround colour like menu in my blog. Read more inside. Kadang warna bar/backround pada menu horisontal kita tidak sesuai dengan warna template kita, terutama yang seperti punya Aryo diatas ya, tadinya waktu bikin itu warna hijau, tetapi biar match gitu, saya rubah menjadi warna biru. Bikin menu horisontal juga ternyata gampang banget kok, tadinya mumet pilih tutorial yang mana ya, ribet-ribet dan gak sesuai dengan template.

Nah untuk anda sendiri yang belum mempunyai menu bar, gampang saja kok bikinnya, gak usah ribet-ribet seperti yang sudah anda lihat di berbagai tutorial blog. Cari yang paling simple seperti punya saya tinggal ambil di forex link , tetapi ya syaratnya anda harus lihat apakah ada tersedia gedget diatas posting blog seperti berikut ini :

Buka forex link Lalu copy paste yang ada di forexlink (ingat ada tersedia 2 HTML, Menu untuk 2 dan 3 coulumn) pilih sesuai yang diinginkan.

style="color: rgb(51, 51, 255);">Open forex link, There is 2 type menu, menu for 2 and 3 coloumn. Copy HTML code that match with your template (2 or 3 coloumn)










Tambahkan gedget Java Script/Html diatas coloumn posting
Add widget/gedget java/html script upper posting coloumn and paste HTML code into it
Copy kode HTML di forexlink
Copy HTML code in forexlink into a new HTML/Javascript Gedget

Cari kode seperti ini :
Then find this code:

onclick="javascript:location.href='http://aryosp.blogspot.com'" align="center">
<a onmouseover="style.color='#F0F0F0'" onmouseout="style.color='#000000'" href="http://aryosp.blogspot.com/" class="menulink">Beranda</a>

Ganti warna merah dengan link dan judul menu, ada beberapa menu, jadi harus diganti 1 per 1.
Replace red colour with your link and menu name, there are several similiar kode, so change it 1 by 1

Untuk ganti warna tab menu/backround cari kode :
To change colour of bar menu/backround, find this code :

onmouseover="style.backgroundColor='#66B5FF'" onmouseout="style.backgroundColor='#0066CC'"

Ganti semua kode yang tulisan berwarna hijau dengan kode warna lain sesuai selera/template, kode warna bisa diambil di TATA LETAK, Font dan Warna, ambil kodenya/copy setelah dipilih warna yg diinginkan dan copy paste ke semua. Biar tidak ganti 1 per 1, Cara yang mudah anda bisa copy di MsWord dahulu, lalu find and replace all, tau kan cara find and replace di MS Word?

Change/replace All green code with other colour, you can find at LAY OUT, Font and Colour then copy colour code from it, paste to basic code. You may edit HTML code from Forex-link at WS Word to change colour code then copy the result again to HTML/Java Script gedget.


Nah copy lagi editan yang di MS Word ke gedget HTML/Java Script, simpan..jadi deh..

Posted By Aryo

Related Posts by Categories