Widget mega menu blogspot | widget mega menu blogspot pada postingan kali ini saya sebut dengan widget mega menu blogspot dengan alasan bahwa menu ini dapat anda gunakan untuk blog news ataupun blog yang memiliki link yang banyak. Tutorial widget mega menu blogspot ini terinspirasi dari seorang teman lama yang menginginkan widget mega menu blogspot. Untuk mengetahui tampilan dari tutorial widget mega menu blogspot pada postingan kali ini, silahkan anda klik DEMO dibawah, pada halaman demo widget mega menu blogspot silahkan klik menu dengan icon arrow, dan lihat hasilnya. Untuk tehnik pembuatan widget mega menu blogspot ini silahkan simak penjelasan dibawah ini, langsung saja menuju TKP.
Demo
Install Program CSS
- Login ke dashboard anda
- Masuk ke "TEMPLATE" lalu klik " Edit HTML "
- Cari code ]]></b:skin>
- Copy Code script CSS widget mega menu blogspot dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.
Install Script
- Setelah anda selesai menyematkan CSS widget mega menu blogspot saatnya anda menyematkan kode scriptnya pada tag html/xml template anda.
- Pada Edit HTML template anda silahkan cari kode </head>
- Setelah ketemu copy script dibawah ini dan pastekan diatas kode </head>
- Perlu anda ingat bila pada template anda sudah ada kode JQUERY diatas versi 1.4 pada script tulisan kode warna biru dibawah kode tulisan warna BIRU tersebut tidak usah dikut di Copy. Bila sebaliknya versinya dibawah silahkan copy semua kode tersebut.
<!-- Rivai Silaban | BLOG DESIGN script widget mega menu blogspot start -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/372136151111/menu-1-01.js"></script>
<!-- Rivai Silaban | BLOG DESIGN script widget mega menu blogspot End -->
Install Program Tag HTML
Untuk memanggil widget mega menu blogspot tersebut agar tampil pada halaman blog kesayangan anda silahkan simak penjelasan dibawah ini.
- Setelah anda sudah memasang CSS dan script widget mega menu blogspot saatnya anda memasang kode htmlnya.
- Bila anda memahami code xml/html silahkan sematkan kode dibawah ini langsung ketubuh xml/html template anda.
- Bila anda belum memahami code html anda dapat memasangnya di widget yang harus anda pasang sebelumnya yaitu 1 layout dibawah header, Copy code dibawah ini dan pastekan pada widget anda, silahkan anda edit dan save.
- Buat anda yang belum memeiliki layout di bawah header silahkan pasang dulu layoutnya tepat dibawah header template anda, silahkan simak tutorial http://rivai-silaban.blogspot.com/2013/02/cara-menambah-1-kolom-gadget-dibawah.html .
- Setelah anda sudah memasang 1 kolom layout dibawah header, silahkan klik " tambahkan gadget " kemudian pilih " HTML/JavaScript " kemudian copy code dibawah ini lalu pastekan kedalam wiget anda.
- Edit codenya dan silahkan anda save, selamat berkarya | Tutorial widget mega menu blogspot.
- Code warna MERAH pada CSS tutorial widget mega menu blogspot diatas merupakan ukuran lebar menu, sesuaikan paa ukuran template blogspot anda .
- Silahkan anda edit kembali kode CSSnya untuk menyesuaikan tampilannya sesuai dengan template anda.
- Silahkan anda edit code HTMLnya sesuai dengan kebutuhan anda, ganti semua link yang ada dengan link anda.
widget mega menu blogspot sangat cocok buat blog anda yang berbasis news ataupun yang memiliki link atau kategori yang banyak.
Bila teman teman mengalami kesulitan dalam memasang kode widget mega menu blogspot ini atau mendapatkan kode yang Error, silahkan hubungi saya atau share bersama saya pada form komentar dibawah. Pergunakan semua fasilitas di halaman blog ini untuk mempermudah anda. Semoga postingan ini bermanfaat buat teman teman.
widget mega menu blogspot
Rabu 11 Desember 2013
Rivai Silaban | Blog Design
Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.
Salam Blogger.... !!! .
Admin Rivai Silaban
Wowww keren banget, thanks infonya yah
ReplyDeletesama sama gan...
Delete