Inspirasi & Seni Technology: July 2022

Friday, July 29, 2022

Memasang Widget WhatsApp pada Blogger

Berikut adalah cara memasukkan WhatsApp di Blogger.

Langkah:

1. Buka https://whatshelp.io/widget

2. Pilih WhatsApp di choose messaging apps.

3. Isi nomor wa.

4. Pada add the code to your website masukkan email. Lalu klik get button code dan salin kode yang muncul di thema blog.

5. Kemudian masuk ke blogger.com – thema – edit HTML – Ctrl+F di dalam thema. ketik </body>.

6. Paste kode yang sudah didapatkan dari WhatsHelp di atas </body>.

7. Hasil tampilan sesudah ada widget WhatsApp.

Selain WhatsApp, bisa menempatkan aplikasi lain, seperti Facebook Messenger, Line, dan Telegram. Dan bisa mengubah warna aplikasi, posisi, hingga call to action di customize your button.

Memasang Widget WhatsHelp pada Blogger

Untuk melakukan pemasangan WA merupakan langkah yang berbeda dengan instal plugin. Cara ini dapat digunakan jika menggunakan CMS yang tidak atau minim dalam penyediaan plugin.Walaupun bukan berupa plugin, namun cara ini dapat digunakan dengan baik.

Dalam melakukan ini, perlu dua langkah, yaitu langkah dalam mendapatkan kode HTML dari penyedia layanan Whatshelp dan langkah melakukan instalasi di blog.

1. Mendapatkan kode HTML

Buka situs getbutton.io

Setelah terbuka scroll kebawah dan temukan tomblol get your button. Pilih logo yang ingin ditampilkan di website, apabila ingin memakai WhatsApp saja secara default, jadi jangan sertakan yang lain.
Lalu isi nomor ponsel. Gunakan kode negara dengan ada penambahan tanda plus (+).
Pada bagian Customize your button, terdapat beberapa menu disana, Company logo – Isikan dengan URL ikon gambar. Greeting message – Tulis sapaan kepada pengunjung apabila menekan tombol widget. Color – Pilih warna yang sesuai untuk tombol widget. Position – Atur posisi widget ini berada. Sebaiknya diatur dibagian kanan ( right). Call to action – Tuliskan dengan menu untuk tindakan mengirim pesan.

Iisi semua kolom tersebut
Scroll kebawah sampai menuju bagian Add the code to your website . Silakan masukan email kemudian klik “Get Button Code” untuk mendapatkan kodenya.
Kemudian akan ditampil kodenya, Salin / Copy

2. Pemasangan kode HTML

Buka dashboard blogger.com dan masuk ke menu theme.

Pilih tanda panah pada tombol costumize lalu pilih edit HTML
Masuk ke edit HTML, mencari tag </body>
Tekan tombok ctr+f dan isikan tag </body> lalu tekan enter.untuk memudahkan pencarian

Setelah ketemu tag </body> maka copy dari kode HTML yang didapatkan dari layanan WhatsHelp lalu melakukan paste dibawah tag </body>.
Klik simpan ( tanda disket ).

Layout Hasil

Menambahkan Link Social Media pada Joomla

Social media seperti Facebook, Twitter, Google plus dll di website dapat membantu dalam mendatangkan pengunjung ke website. Di Joomla dengan module bisa menambahkan link social media di mana saja tempatnya. Bisa di top header,sidebar dan atau footer. Gunakan module Social Media Link Genius. Untuk penempatan posisi modul tergantung posisi modul yang sudah disiapkan oleh template.

Berikut adalah langkah - langkah nya :

1. Download Modul “Social Media Link Genius“

2. Install modul ke web Joomla. Login administrator Joomla >> pilih menu “Extentions” >> pilih submenu “Manage” >> pilih submenu “Install“.

3. Pilih file zip modul, lalu klik “Upload & Install“.

4. Setelah menginstall, Aktifkan modul kemudian lakukan setting pada module tersebut. Masih di area administrator >> pilih menu “Extentions” >> pilih submenu “Module Manager“.

5. Lakukan setting pada Modul tersebut. Tentukan Lokasi modul dan ubahlah status menjadi “Published“.

6. Pada tab Men Assignment pilih opsi “On All Pages“, lanjutkan klik “Save” untuk menyimpan setting modul.

7. Refresh halaman, maka akan terlihat beberapa icon media social yang bisa digunakan untuk mempromosikan website.

Menambahkan WhatsApp pada WordPress

Berikut adalah langkah - langkah cara penambahan WhatsApp pada WordPress :

1. Masuk ke dashboard wordpress, ketikkan domainanda.com/wp-admin, llalu login dan masukan user / email, dan password.

2. Lalu ke menu Plugin

3. Lalu klik menu Tambah Baru.

4. Ketik pada kolom pencarian kata kunci WhatsApp Chat, kemudian cari plugin Click to Chat klik Pasang Sekarang.

5. Lalu Aktifkan.

6. Setelah diaktifkan, akan diarahkan ke menu Plugin, klik Settings pada plugin Click to Chat.

7. Setelah itu pada menu settings plugin, masukkan nomor Admin atau no wa, dan pesan yang akan dikirimkan, kemudian klik Simpan Perubahan.

8. Hasil WordPress.

9. Jika diklik akan muncul jendela baru pada browser seperti berikut

Demikian cara menambahkan WhatsApp di WordPress

Membuat Kode pada Google Formulir

Berikut adalah langkah - langkah untuk membuat kode di google formulir :

1. Buka browser masukan ke google forms. Masukkan akun login email. Selanjutnya masuk di halaman google forms dengan posisi forms yang masih kosongan atau mengedit formulir yang sudah ada.

2. Awal biasa diberikan satu jenis forms, lalu edit seperti gambar berikut ini:

Yang perlu diperhatikan adalah:

Ubah jenis pertanyaan menjadi Jawaban singkat
Jadikan pertanyaan ini Wajib diisi
Klik titik 3 vertikal tersebut dan ubah menjadi Validasi respons

3. Ubah pertanyaan ke pengaturan Validasi respons.

Dari gambar diatas, maka berikut ini yang perlu di perhatikan:

Ubah jenis pertanyaan menjadi validasi respons
Bagian ini bisa diubah menjadi Teks. Meskipun bisa pilihan yang lain juga bisa.
Bagian ini wajib memilih pilihan Berisi
Bagian ini silahkan masukkan kode. Contoh memasukkan “KODEFRMGOOGLE“.
Bagian ini juga wajib, jika tidak diisi nanti bakal kelihatan kunci jawabannya. Dapat isi dengan “Kode yang dimasukkan salah“.

4. Pisahkan antara bagian kode dengan isi formulir. Tentu saja ini harus dilakukan, jika tidak maka formulir bakal terlihat duluan.

Cara memisahkan adalah dengan mengklik Tambahkan bagian. Lihat gambar di bawah ini:

5. Selanjutnya isilah formulir seperti biasanya pada bagian 2.

Setelah formulir di buat, tunggu responden yang akan mengisi formulir ini jangan lupa untuk diberikan kode masuknya. Jika tidak maka tidak akan ada yang bisa mengisi formulir kecuali pembuat itu.

Memasang Google Forms pada Blogger

Mengambil Kode Embed Google Forms

Sebelum melakukan link ke blogger, diperlukan kode yang di ambil pada google forms yang diperlukan untuk dimasukkan di dalam blogger. Kode tersebut yaitu kode embed atau kode semat.

Berikut adalah langkah-langkah untuk mendapatkan kode embed google forms:

Di halaman Google Formulir , buka formulir. dan dibagian formulir, klik Kirim
Klik tab menu Embed/Sematkan
Atur Lebar dan Tinggi dari formulir yang akan di tampilkan.
Klik Salin

Memasukkan Google Forms di Blogspot

Berikut adalah langkah-langkah embed google formulir di blogspot:

Buka post editor/halaman editor
Klik icon Tampilan menulis, posisi berada pada bagian kiri atas editor.
Kemudian ubah menjadi Tampilan HTML.

Paste/Tempel kode yang disalin tadi ke bagian tampilan HTML.
Untuk melihat hasilnya, ubah tampilan menjadi mode Tampilan menulis.

Restore WordPress

Restore File Website

Masuk cPanel website, lalu login. lalu pilih menu File Manager untuk mengembalikan filenya.

Kemudian masuk ke direktori public_html dimana file website berada.

Lalu klik Upload file ke website.

Pilih file webiste tersebut dan tunggu proses upload selesai.

Ekstrak file compress dengan cara klik kanan kemudian pilih Extract.

Restore File Database

Masuk ke cPanel, lalu Login,, kemudian pilih menu phpMyAdmin

Pilih database yang digunakan website. Lihat di file wp-config.php untuk mengetahui nama database. Setelah itu klik menu import untuk mengunggah file database.

Pilih file databasenya kemudian pilih Go. Tunggu proses sampai selesai.

Backup dengan Backup Wizard

Masuk cPanel website, login, kemudian masuk ke menu Backup Wizard.

Pilih Full Backup.

klik Generate Backup

Lama proses yang berjalan tergantung pada seberapa besar banyak file yang ada pada website Jika sudah selesai akan ditampilkan info Backup Available for Download.