Membuat Menu Navigation Bersuara di Blogger
Description:
Cara Membuat Menu Navigation Bersuara Dengan HTML5 Audio Responsive Di Blog ~ Hello sobat blogger, ketemu lagi dengan saya, kali ini saya akan share tutorial agar menu navigation bisa bersuara. Hebat bukan ? hehe iya dong, zaman serba canggih seperti sekarang ini apa yang tidak bisa dilakukan, termasuk dengan membuat blog yang lebih interaktif. Mulai dari tulisan yang beragam bentuk, berbagai animasi, hingga sound dan video bisa di sematkan ke dalam blog.
Kali ini saya akan membagikan tips keren ini kepada kalian yaitu membuat menu navigation yang ada di blog Anda bisa bersuara ketika cursor atau pointer bersentuhan dengan menu navigation, gimana sih demonya ? demo saat ini belum saya buat dikarenakan kesibukan saya yang begitu banyaknya, langsung saja ke tutorialnya.
LogIn ke blog Anda > Template > Edit HTML jika sudah, copy kode dibawah ini tepat di atas kode </body>
- Anda dapat mengganti suaranya dengan suara yang Anda inginkan, dengan cara mengganti kode bewarna dengan kode suara yang Anda inginkan.
- Upload kode atau script suara yang Anda buat ke Google Drive atau media penyimpanan lainnya.
- Kode atau script harus menggunakan format .ogg.
Langkah kedua :
Cari menu navigation yang ada di blog Anda, setelah ketemu letakkan kode dibawah ini kedalam menu navigation. Jika Anda belum ngerti silakan lihat gambar dibawah ini.
Langkah selanjutnya adalah Save. Dan lihat hasilnya, jika tutorial ini tidak bekerja dengan baik, silakan Anda mengganti script tersebut dengan script punya Anda. Demikian tutorial yang bisa saya berikan hari ini, semoga bermanfaat bagi sobat semua. Jangan lupa untuk Like dan Share artikel ini agar sobat-sobat yang lain bisa juga untuk menerapkan tutorial ini kepada blog masing-masing. Dan jangan lupa untuk Anda masukkan Email Anda ke kolom yang sudah disediakan di bagian footer atau bawah.
Kali ini saya akan membagikan tips keren ini kepada kalian yaitu membuat menu navigation yang ada di blog Anda bisa bersuara ketika cursor atau pointer bersentuhan dengan menu navigation, gimana sih demonya ? demo saat ini belum saya buat dikarenakan kesibukan saya yang begitu banyaknya, langsung saja ke tutorialnya.
Membuat Navigation Menu Bersuara Dengan HTML5 Audio
Langkah pertama :LogIn ke blog Anda > Template > Edit HTML jika sudah, copy kode dibawah ini tepat di atas kode </body>
<script src='https://googledrive.com/host/0B7HzsuNNkuC_dTJqd0xHRE9Pdm8/sound.js' type='text/javascript'/>
INFO :- Anda dapat mengganti suaranya dengan suara yang Anda inginkan, dengan cara mengganti kode bewarna dengan kode suara yang Anda inginkan.
- Upload kode atau script suara yang Anda buat ke Google Drive atau media penyimpanan lainnya.
- Kode atau script harus menggunakan format .ogg.
Langkah kedua :
Cari menu navigation yang ada di blog Anda, setelah ketemu letakkan kode dibawah ini kedalam menu navigation. Jika Anda belum ngerti silakan lihat gambar dibawah ini.
onmouseover='mouseoversound.playclip()'
Langkah selanjutnya adalah Save. Dan lihat hasilnya, jika tutorial ini tidak bekerja dengan baik, silakan Anda mengganti script tersebut dengan script punya Anda. Demikian tutorial yang bisa saya berikan hari ini, semoga bermanfaat bagi sobat semua. Jangan lupa untuk Like dan Share artikel ini agar sobat-sobat yang lain bisa juga untuk menerapkan tutorial ini kepada blog masing-masing. Dan jangan lupa untuk Anda masukkan Email Anda ke kolom yang sudah disediakan di bagian footer atau bawah.
Posting Komentar