Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat efek dering pada tombol di blogger, atau membuat efek dering saat mengklik sebuah tombol di blogger
Dering
Apa itu efek dering? efek dering merupakan suatu fitur di blogger yang mana efek dering tersebut akan menampilkan getaran pada saat pengunjung blog mengklik tombol yang sudah di setting menggunakan kode javascript
Menggunakan Javascript
Untuk menampilkan efek dering atapun membuat efek getaran pada saat di klik di website itu di buat menggunakan kode javascript navigator, yang mana memiliki fungsi dari Script vibrate adalah untuk menghasilkan suara getaran pada saat di klik menurut hasil dukungan sistem browser yang di gunakan
Penting: efek dering atau efek getar di blogger tidak akan berfungsi jika kamu men senyap kan pengaturan volume dering pada HP mu
Support seluruh browser
Dengan menggunakan script pembuat efek dering alias vibrator di blogger tersebut yang admin jelaskan kali ini sangat sangat berfungsi pada seluruh web browser terkhusus Crome, dengan demikian kamu gak perlu khawatir jika penerapan kode di lakukan secara tepat insyallah efek dering di dalam website mu akan berfungsi secara baik oada setiap browser yang di gunakan
Contoh Tampilan
Agar kamu tidak penasaran dengan bagaimana kah contoh tampilan dari efek dering ataupun efek getaran di blogger, coba periksa menggunakan tombol di bawah ini
Info: Bagaimana sobat serasa berdering gak lu punya hp hahahaaha
Cara pembuatan
Baiklah sekarang saatnya admin menjelaskan bagaimana kah caranya membuat efek dering di blogger, simak baik baik setiap penjabaran yang bakalan admin jelaskan di bawah ini okay
Kode Javascript
Karena penggunaan kode hanya menggunakan kode javascript, silahkan kamu salin kode javascript di bawah ini, kemudian kamu bisa meletakkannya di atas kode </body>
<script type='text/javascript'>/* rah dering */ /*<![CDATA[[*/ var _0xa0cc=["\x76\x69\x62\x72\x61\x74\x65"];function vibRate(_0x85ecx2){if(_0xa0cc[0] in navigator){navigator[_0xa0cc[0]]([_0x85ecx2])}} /*]]>*/</script>
Info: Jika sudah kemudian simpan template dan kemudian ikuti arahan selanjutnya karena tutorial masih belum selesai
Cara penggunaan
Setelah meletakkan kode javascript yang saya berikan diatas selanjutnya untuk mulai membuat efek getar di blogger, gunakan format kode onclick='vibRate(53)' pada setiap tombol atau apapun yang ingin mengeluarkan efek suara dering saat di klik, perhatian semisal kode seperti di bawah ini
<svg class='drop' onclick='vibRate(53)' viewBox='0 0 512 512'><path d='M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z'/></svg>
Info: Jika telah ada onclick='ScriptClick()' pada sebuah kode, tambahkan aja vibRate(53) di belakangnya dengan di awali simbol ;, menjadi onclick='scriptclick();vibRate(53)'
Durasi dering
Untuk mengatur berapa lamanya setiap getaran atau deringan pada saat berbunyi tersebut kamu bisa mengubah value(53), dengan waktu durasi digunakan menurut seberapa tinggi value yang di gunakan maka semakin lama efek getaran di tampilkan, dan penggunaan value tersebut tidak terbatas alias suka suka aja, tapi sangat di rekomendasikan value(53) untuk di gunakan pada efek getaran di blogger