CARA MEMBUAT TEKS MELAYANG DI BAWAHTANPA EDIT HTML DI BLOGSPOT

CARA MEMBUAT TEKS MELAYANG DI BAWAH DI BLOGSPOT

Anda dapat membuat sebuah teks melayang di bawah untuk berbagai kebutuhan, apakah untuk iklan, untuk langsung dapat menghubungi Anda via WhatsApp, untuk mengarahkan pembaca ke sebuah link tertentu, dan lain sebagainya sebagaimana tampak pada video di bawah ini.

Dalam postingan sebelumnya, saya telah membahas tentang bagaimana membuat iklan melayang di pojok kanan bawah.

Salah satu kelebihan dari membuat teks melayang di bawah untuk iklan Anda adalah tidak mengganggu atau menutupi halaman blog / web Anda terutama jika dibuka di smartphone.

Dengan membuat teks melayang di bawah untuk iklan Anda maka iklan tersebut akan tetap muncul dan berada di bawah ketika Anda men-scroll blog Anda sebagaimana yang tampak pada video di atas. Dan teks melayang di bawah untuk iklan ini akan lebih mudah dilihat oleh pembaca postingan Anda di blog karena tepat berada di bawah postingan Anda.

Tinggal pertanyaannya adalah bagaimana membuat teks melayang di bawah sebagaimana tampak pada video di atas ?

Silahkan masuk ke halaman desain blog Anda lalu KLIK "Layout" atau "Tata Letak" sebagaimana yang tampak pada gambar di bawah ini.

Kemudian cari "Add a Gadget" dan KLIK sebagaimana yang tampak pada gambar di bawah ini.

Ketika Anda meng-KLIK "Add a Gadget" maka akan muncul gambar seperti di bawah ini.

Kemudian KLIK "HTML/Javascript" sebagaimana tampak pada gambar di atas, maka akan muncul kotak seperti yang tampak pada gambar di bawah ini.

CARA MEMBUAT IKLAN MELAYANG DI POJOK KIRI BAWAH TANPA EDIT HTML DI BLOGSPOT

Untuk kolon "Title" dapat Anda kosongkan dan memang lebih baik Anda kosongkan. Kemudian isilah "Content" dengan script di bawah ini !

Jika sudah Anda masukkan script di atas ke dalam kolom "Content" maka KLIK "SAVE" atau "SIMPAN"

-------------------------
KETERANGAN :
-------------------------

Untuk background:red yang berwarna merah dapat Anda UBAH sesuai warna yang Anda inginkan. Background ini adalah untuk mengganti background dari teks ketika kursor diarahkan ke teks.
Untuk href="https://wa.wizard.id/196ab5 yang berwarna biru, dapat Anda GANTI dengan link yang ingin Anda tuju. Dalam hal ini, saya mengarahkan ketika diKLIK ke WhatsApp saya. Mengenai caranya lebih lanjut bagaimana membuat generator WhatsApp ini sesuai kebutuhan akan saya bahas dalam postingan lainnya.
Untuk background-color:#2f7e49; yang berwarna hijau, dapat Anda GANTI dengan warna yang Anda inginkan. Anda dapat mengubah warnanya dengan mengetik warna yang diinginkan dalam bahasa Inggris atau memasukkan kode warnanya. Mengenai kode warnanya, saya akan membahasnya dalam postingan saya lainnya.
Untuk color:white; yang berwarna orange atau jingga ini adalah warna dari teks melayang di bawah dan dapat Anda ganti dengan warna yang Anda inginkan.
Untuk font-size:30px; dapat Anda UBAH sesuai kebutuhan atau keinginan. Angka-angka tersebut adalah untuk mengatur ukuran font dari teks yang Anda buat.
Untuk teks KLIK "DI SINI" UNTUK ORDER VIA WHATSAPP yang berwarna merah muda ini dapat Anda ganti sesuai dengan teks yang Anda inginkan.