Langsung saja. berikut ini tutorial membuat glossy horizontal menu
- Login ke blogger dengan akun anda
- Kemudian pada dasbor klik Rancangan >> Edit HTML
- Tambahkan kode CSS berikut diatas tag ]]></b:skin>
Jika gambarnya tidak cocok, bisa anda ganti sesuaikan dengan template yang dipakai. Di bawah ini adalah contoh gambar background yang bisa anda gunakan :
- Silahkan upload dulu image diatas ke tempat hosting masing-masing.
- Terakhir tambahkan kode HTML berikut diatas <div id='header-wrapper'> <ul class='glossymenu'><li class='current'><a href='http://creatingwebsite-maskolis.blogspot.com/'><b>Home</b></a></li><li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/tutorial blog' title='tutorial blog'><b>Tutorial Blog</b></a></li><li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/SEO' title='SEO'><b>SEO</b></a></li><li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/wordpress' title='wordpress'><b>Wordpress</b></a></li><li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/affiliate' title='affiliate'><b>Affiliate</b></a></li><li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/hosting' title='hosting'><b>Hosting</b></a></li></ul>
- Temen-temen bisa edit link dan anchor teks kode HTML diatas
- Terakhir Save template anda
Memang banyak sekali menu
navigasi horisontal yang dapat kita pakai untuk memperindah blog. Pada
postingan selanjutnya saya akan coba memberikan cara membuat menu
navigasi animasi dengan jQuery..Tunggu tanggal mainnya.....
nice gan
ReplyDelete