Cara Menciptakan Kotak Pesan Di Bawah Postingan Blog Dengan Warna Menarik
Jumat, 02 Februari 2018
Hallo selamat siang sahabat Blogger di mana saja berada !!! Pada hari ini saya binggung mau buat postingan apa alasannya yaitu ada saatnya penulis blogger kehilangan ide. Berawal dari kunjungan saya ke blognya Mas Trigus dan disana saya temukan ada kotak Disclaimer sempurna dibawah tombol share artikel blognya. Cukup menarik perhatian saya alasannya yaitu bentuknya manis dan sanggup memperlihatkan catatan khusus untuk pengunjung.
Membuat kotak pesan atau peringatan di bawah Postingan Blog dengan tampilan menarik penuh dengan warna warni menurut keingginan sendiri. Cukup gampang sebetulnya buat anda yang andal soal aba-aba HTML untuk mengedit template. Dan saya yaitu orang yang kurang menguasai editing HTML jadi saya minta aba-aba tersebut dengan Mas Trigus. Lihat juga : Template Blogger Premium Gratis.
Jika anda inggin membuatnya juga sanggup mengikuti tutorial saya dibawah ini. Pemasangannya cukup gampang alasannya yaitu anda cukup mengcopy paste aba-aba HTML di bawah ini dan kalau inggin merubah warna Background atau warna goresan pena sanggup anda lakukan sendiri. Silahkan ikuti tutorial di bawah ini tetapi jangan lupaberikan komentarnya apabila telah sukses dipasang.
Cara menciptakan kotak pesan di bawah Postingan Blog
Langkah 1 : Silahkan anda Copy Kode HTML di bawah ini dan pastekan sempurna di bawah CSS blog sobat.
/* Disclaimer Box */
.disclaimer_box{width:100%;padding:2px;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:6px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.disclaimer_box .content{background:#fff;padding:8px 12px;font-size:12px;border-radius:4px;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.disclaimer_box .content p{margin:0;padding:0}
Keterangan : #fff : Warna Background. silahkan anda ganti dengan warna kesukaan anda, kalau inggin mengambil Kode Warna HTML silahkan berkunjung ke HTML Color Picker. Klik warna yang di ingginkan dan ganti aba-aba warna tersebut dengan pilihan anda.
Langkah 2 : Copy Paste aba-aba di bawah ini sempurna dimana anda akan menampilkan Kotak Pesan tersebut.
<div class='disclaimer_box'>
<div class='content'>
<b><span style="color: blue;"> Artikel dalam blog ini sepenuhnya hasil karya langsung yang ditulis dengan ketulusan dan cinta. Tidak diperkenankan mengambil isi artikel tanpa izin ke pemilik. Jika butuh, silakan hubungi saya di 085250104838 (WA ONLY). </span></b>
</div>
</div>
Keterangan : blue : Warna Teks / Tulisan pesan. Silahkan anda ganti dengan warna kesukaan menyerupai Red, Yellow, White, Black.
Langkah 3 : Silahkan Save Template anda dan lihat balasannya akan menyerupai gambar di bawah ini.
Bagaimana cukup gampang bukan menciptakan Kotak pesan atau kotak peringatan di bawah Postingan Blog. Dengan menciptakan pesan singkat menyerupai ini maka semua pengunjung blog sanggup membaca dan mengerti hukum dasar blog tersebut. Anda sanggup juga melaksanakan promosi Bisnis jualan Online atau menciptakan hukum singkat pada kotak pesan tersebut. Selamat mencoba dan agar berhasil.