.post-body img { max-width:100%; height:auto; } RAK KOLEKSI pok -: BLOG DESIGN, MEMASANG POP-UP PADA HALAMAN UTAMA

Monday, May 13, 2019

BLOG DESIGN, MEMASANG POP-UP PADA HALAMAN UTAMA

Ref. : Arlina Design


Tips blog design kali ini memasang pop-up message yang muncul pada saat awal pengunjung masuk ke halaman utama blog kita. Isi message bisa bermacam², tergantung apa yang hendak kita sampaikan. Bisa ucapan selamat datang, deskripsi singkat blog, dll. Senyampang kita saai ini kebetulan sedang berada di bulan puasa Ramadan, maka pop-up message ini kita manfaatkan sebagai ucapan selamat menjalankan ibadah puasa. Nantinya bila momen bulan puasa sudah lewat, pop-up message tersebut bisa kita "simpan" untuk dimunculkan lagi pada momen/event lainnya. Terserah kita...

Sebelum mulai pembahasannya, perlu saya sampaikan credit terlebih dahulu pada blogger senior Indonesia, mbak Arlina, yang telah membagi script pop-up message ini di websitenya Arlina Design, sumber darimana script code ini saya ambil. Matur tengkyu bagi² ilmunya mbak Arlina. Sukses buat anda... 🙏

Let's do it...

Langkah pertama, seperti biasa pada pemasangan widget, tulis dulu script CSS-nya. Masuk ke Blogger, "Theme", "Edit HTML" (jangan lupa SOP safety first, backup terlebih dahulu template anda). Kemudian copy-paste-kan kode dibawah ini 👇 pada baris sebelum/diatas </head>

Berikutnya copy-paste-kan kode berikut 👇 pada baris sebelum/diatas </body>

Langkah terakhir customisasi. Lakukan perubahan yang diperlukan. Jika sudah, "Save Theme". Selesai... View Blog untuk melihat hasilnya.


Jangan pernah berhenti belajar
SALAM PUSTAKA

No comments:

Post a Comment