Membuat Menu Vertikal dan Horisontal

MEMBUAT MENU CSS ANIMASI DENGAN MUDAH SECARA ONLINE
Haiiii... sobat setia semua. ketika saya berjalan-jalan ke Beberapa website...!! kebetulan saya menemukan sebuah website yang fungsinya untuk membuat menu animasi... kalau buat saya sih... bagus banget... soalnya membuat nya sangat mudah, nah kalau sobat kebetulan ingin membuat menu animasi mau yang vertikal ataupun horisontal... yuk kita buat menu sekarang, seperti di bawah ini ada beberapa contoh menu horisontal... bisa di buat animasi atau yang simpel,

DIBAWAH INI ADALAH CONTOH MENU HORISONTAL

klik disini untuk merubah dan memasang nya di blog anda..

klik disini untuk merubahnya dan memasang di blog anda

DI BAWAH INI contoh menu css vertical, horisontal, d3 dan lain-lain..


KLIK Disini Untuk costumisasi
Di bawah ini menu tree animasi

Klik disini Untuk Kostumisasi

Klik Disini Untuk Costumisasi

Klik disini Untuk Kostumisasi

Klik disini Untuk Kostumisasi

Klik disini Untuk Costumisasi

Klik disini Untuk Kostumisasi
Dan masih banyak lagi menu-menu yang menarik lainnya... di www.mycssmenu.com

UNTUK memasang di blog anda... ketika anda masuk ke www.mycssmenu.com anda pilih dulu, menu yang model gimana yang anda sukai, untuk melihat contoh nya klik saja DEMO yang ada di bawah gambar menu tersebut, kalau sudah oke menurut anda, bahwa menu tersebut cocok dengan ke inginan anda, nah sobat tinggal klik saya tulisan COSTUMIZE, yang posisinya tepat sebelah kanan.

nah kalau sudah di edit cara pasang nya klik file yang posisinya tepat sebelah kiri paling atas, kemudian klik custom publish, nanti akan terlihat jendela publish wizard, klik saja next. kemudian nanti akan ada tampilan css stylesheet,lalu cofy dan pastekan kode tersebut sebelum kode </head> di Bagian Css blog anda, Caranya login acount anda di blogger, kemudian |tataletak| edit HTML | dan centang kotak expand template widget. untuk mencari code </Head> tekan control + F dan masukan code </Head> di kotak Find, kemudian klik lagi next di costumize publish wizard disana akan muncul tampilan Menu Code / Add-on's , nah code tersebut adalah code untuk mempercantik menu sobat, code tersebut di simpan tepat sebelum code </head> dan klik simpan, klik next lagi... di sini tampilan Menu Structure [First Menu] sobat, cofy dan pastekan dulu ke notepad, code html tersebut nanti akan di pasang di blog anda, caranya stetelah anda login di blogger klik tataletak | pilih Tambah gadget , dan pilih HTML javascript, klik save
Sekarang klik lagi next di publish wizard , nanti ada tampilan Finished, Ini penting
Kira-kira code nya akan seperti ini, tapi setiap anda merubah nya dengan menu yang lain mungkin code ini juga berubah ini hanya contoh..
<script type='text/javascript' src='http://www.mycssmenu.com/qmv6/qm_visual.js'></script>
Nah code yang anda dapat di wizard Finished tadi copy dan pastekan tepat sebelum code </body>
dan klik simpan
TIPS
untuk mengganti tulisan judul, atau URL, di menu yang sobat buat, pada tulisan (misalkan tulisan management) yang ada di bawah Who we are, ) atau tulisan yang lainnya, klik kanan, disana akan muncul tulisan edit text/URL dan klik saja, disana akan mucul jendela baru, ada tulisan edit text, nah tulisan tersebut isi dengan tulisan yang sobat mau, Di kotak URL isikan dengan URl yang anda akan tuju sebagai link (buang dulu code inijavascript:void(0) yang ada di kotak URL) ,Di kotak target isikan dengan _blank kalau anda menginginkannya membuka di tab baru, kalau anda tidak mengingikan di buka di tab baru, biarkan saja,di kotak Title Text (Displays as Tooltip) isikan dengan title yang anda mau, fungsinya ketika kursor di letakan di tepat menu tersebut, tulisan title adalah tulisan yang akan muncul sebelum, url di menu tersebut di klik oleh user.
yang lainnya anda cari sendiri aja dan mudah koselesai
Terimakasih selamat Mencoba
SALAM..

Posted in: INFO BLOG BUILDING