Menu ini sangat cocok digunakan pada web dan blog untuk berbisnis. Sebab dari segi tampilan memang menu ini tampak sangat elegan, sehingga dengan menu ini web atau blog kita akan lebih bagus dan lebih mantab untuk menawarkan sebuah produk. Tapi tentunya bukan hanya untuk berbisnis saja, blog yang bergerak dibidang yang lain juga tetap lebih menarik jika menggunakan menu ini. Yang jelas intinya menu dengan efek image sliding down ini bisa kita manfaatkan sebagai penunjang yang menggambarkan tentang web ataupun blog kita.
Cara bekerja menu dengan efek image sliding down ini sangat ringan, sebab tidak menggunakan jQuery, melainkan hanya menggunakan fitur CSS, dan beberapa kode HTML.
6. Cari kode di bawah ini atau yang mirip dengan kode ini :
7. Copy kode dibawah ini dan paste sebelum kode </head>:
8. Copy kode dibawah ini dan paste setelah kode diatas :
Catatan :
Teks merah adalah ULR Gambar atau foto yang ada pada setiap menu. Silahkan anda bisa ganti ULR dan Gambar atau foto sesuai dengan menu yang anda buat.
9. SIMPAN TEMPLATE.
Langkah selanjutnya tinggal menaruh Slide Menu vertikal pada sidebar. Ikuti langkah berikut :
1. Klik Rancangan dan pilih Elemen Laman
2. Tambah Gadget
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
4. Copy dan paste kode dibawah ini pada gadget tersebut :
Catatam :
Teks warna BIRU pada kode ini harus sama dengan teks warna BIRU yang ada pada kode diatas.
Teks warna MERAH ganti dengan ULR HALAMAN anda.
Teks warna PINK ganti dengan JUDUL MENU milik anda.
11.SIMPAN TEMPLATE. Selamat mencoba dan Semoga bermanfaat.... Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih. Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.
Judul: Cara buat menu dengan efek image sliding down; Ditulis oleh Unknown; Rating Blog: 5 dari 5
Related Posts
0
comments:
Post a Comment
Informasi Pilihan Identitas: Google/Blogger : Khusus yang punya Account Blogger. Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website. Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).
DOWNLOAD DEMO Features: Instructions: How to install a Blogger template Template author: I Putu Eka Ariyasa / http://blogtemplate4u.com/ De...
Get New Info
Subscribe via RSS FeedIf you enjoyed this article just click here, or subscribe to receive more great content just like it.
Pasang Iklan Di Sini ?
Link Exchange
Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini. Silahkan copy kode baner dibawah ini, dan taruh di web atau blog anda :
0 comments:
Post a Comment
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).