ads
ads

Widget “Chat” Custom! ala Tetangga Sebelah.

Bagikan  
PIN IT! shadow

Kembali fokus ngoding, setelah sibuk sama urusan rumah tangga.. kali ini tetangga sebelah ingin berbagi sedikit code widget yang berfungsi untuk memudahkan pengunjung menghubungi pemilik website/blog-nya.

 

Sebetulnya, script widget yang saya buat ini terinspirasi dari Widget “https://whatshelp.io” yang saya temukan dari website “maicih.com”, entah dari rujukan mana saya sampai ke website itu.. entahlah.. kembali ke topik!

 

Mengapa harus dibuat Ulang / Manual?

Jawaban-nya : “Karena saya sadar, yang manual itu memang lebih Custom atau bisa disesuaikan dengan kebutuhan”, itu alasan kenapa saya share disini. ^^

Tanpa bertele-tele lagi, silahkan coba demo widget nya dibawah ini :

 

 

Cara Install di Website / Blog?

Perhatikan kode HTML, CSS & Javascript dibawah ini:

 

 

Keterangan:
Simpan kode HTML diatas setelah tag <body> pada Template Website/Blog. ( Ubah kode HTML sesuai keinginan )

 

 

Keterangan:
Simpan kode CSS diatas sebelum tag </head> pada Template Website/Blog. ( Gunakan tag <style>… KODE CSS …</style> )

 

 

Keterangan:
Simpan kode Javascript diatas sebelum tag </body> pada Template Website/Blog. ( Gunakan tag <script>… KODE JAVASCRIPT…</script> )

 

Perhatian:
Kode Javascript diatas membutuhkan jQuery Library! jika belum menyimpan kode jQuery Library silahkan copy-paste jQuery Library dibawah ini tepat sebelum tag </head> pada template website:

 

Kang Rian

Penulis Kang Rian Tetangga sebelah, yang "Mungkin" sedikit berbeda dan lebih berwarna.