Cara Membuat Getar Pada Syntax Highlighter Atau Tombol Copy Maupun Link Di Blogger - WESTOIKU

Cara membuat efek getar pada blogger disaat ada sentuhan maupun itu pada sebuah gambar atau text tulisan maupun juga link blogger.

Kode ini bisa diterapkan pada blogspot , atau juga website anda.

Pada saat disentuh maka secara otomatis akan ada getaran di hp si pengguna.

Dengan adanya sebuah getaran pada saat terjadi klick pada sebuah text ini menandakan bahwa ada sesuatu yang tereaksi.

Kode ini saya terapkan pada sebuah kode syntax highlighter dan di jadikan penanda di bagian text.

Namun kode ini agaknya masih belum sesuai dengan keterangan pada syntax highlighter yang saya gunakan ,, di mana terdapat tulisan "double click to copy"  nyatanya kode getar ini hanya satu kali klick saja sudah bergetar. 

Mungkin kode getar ini cocok buat anda yang menggunakan template atau kode syntax highlghter beserta tombol copy paste , dan pada tampilan syntax terdapat sebuah tombol copyed , sehingga bisa di sisipi kode getar pada saat tombol tersebut ditekan.

Bisakah kode getar ini dipasang pada sebuah gambar di blogger.

Tentu saja bisa , dan untuk cara penerapanya , nanti akan saya jelaskan di bagian bawah.

Bukan hanya gambar, kode getar ini juga bisa dimanfaatkan di bagian link internal.

Cara Membuat Getar Pada Blogger.

Ikuti tutorial dibawah ini dengan benar..

1. Buka Akun Blogger.

2. Pilih Thema " Edit HTML".

3. Cari Kode   </body>   lalu taruh kode ini di atasnya.

/* westoiku */
<script>/*<![CDATA[*/ 
var getar = document.querySelectorAll('.getar');
for (var i = 0; i < getar.length; i++) {
    var getarr = getar[i];
    getarr.addEventListener('click', function() {
        navigator.vibrate(40)
    });
}
/*]]>*/</script>

Klik Simpan !

Untuk merubah durasi getaran silahkan ganti di bagian 

navigator.vibrate (40)..

Ganti dengan angka yang anda akan sesuaikan untuk ditampilkan pada blogger saat ada tekanan sentuh.

Selanjutnya untuk menerapkan kode pemanggil supaya bisa bergetar pada saat di klik .

Cara Penerapanya :

Anda bisa menerapkanya baik itu di bagian sebuah gambar , maupun itu link blogger.

/* westoiku */
<!-- contoh -->

<button class='getar'>isikan gambar di sini</button>

<!-- atau -->
<a class='getar' href='#'>ini text yang di jadikan link</a>

<!-- atau -->
<div class='getar'>isikan text disini div</div>

Untuk penerapanya sudah di jelaskan , gunakan salah satu kode diatas untuk membuat reaksi. 

Misalkan pada gambar , tombol copy , Link ,, isikan kode pada sebelum dan diakhiri dengan kode penutup.

1. Buka Akun Blogger.

2. Buat Postingan Baru.

3. Membuat sebuah tetx artikel ,gambar,atau link..

Buat postingan ubah di bagian compose menjadi html ,,

Lalu masukan kode dari salah satu diatas dan di akhiri dengan penutup.

Demikian artikel dari westoiku semoga artikel ini bermanfaat buat kalian semua , jangan lupa share biar yang lainya ikut tahu tentang cara membuat getar di text blogger maupun link blogger dan di dalam syntax highlighter.