Dalam postingan kali ini saya akan memberikan sebuah tips Cara Membuat Kotak Pada Postingan Blog. Oke langsung saja.Bagaimana sich Cara Membuat Kotak Dalam Postingan Blogger itu?
Blog's Eko
Kalau Buat kotak seperti itu pakai kode seperti ini :
1.Pilih Edit HTML Pada Halaman Posting
2.Copas Kode di Bawah ini :
<p style="border-right: #6c7a7d 1px inset; padding-right: 30px; border-top: #6c7a7d 1px inset; padding-left: 30px; margin-left: 20px; border-left: #6c7a7d 1px inset; margin-right: 70px; border-bottom: #6c7a7d 1px inset"><font color="#ff0000">Blog's Eko</font></p>
Catatan :
1.Pilih Edit HTML Pada Halaman Posting
2.Copas Kode di Bawah ini :
<p style="border-right: #6c7a7d 1px inset; padding-right: 30px; border-top: #6c7a7d 1px inset; padding-left: 30px; margin-left: 20px; border-left: #6c7a7d 1px inset; margin-right: 70px; border-bottom: #6c7a7d 1px inset"><font color="#ff0000">Blog's Eko</font></p>
Catatan :
border-right = garis pinggir kotak sebelah kanan
border-left = garis pinggir kotak sebelah kiri
border-top = garis pinggir kotak sebelah atas
border-bottom = garis pinggir kotak sebelah bawah
#6c7a7d; #ff0000 = kode warna, rubah sesuai keinginan
1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan
padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan
padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri
margin-right = jarak kotak dengan pinggir posting sebelah kanan
margin-left = jarak kotak dengan pinggir posting sebelah kiri
20px; 30px; 70px = satuan jarak, rubah sesuai keinginan
font color = warna teks, hapuskan kode ini jika ingin teksnya berwarna seperti warna teks pada posting
Post a Comment
W a r n i n g !
Komentar anda tidak boleh mengandung unsur:
- Penghinaan atau Pelecehan.
- Spamming (Spam Comment).
- Link Aktif atau Anchor Text, dan sejenisnya.
Komentar akan muncul setelah di setujui.
Tulislah setiap kata dengan penuh kesopanan.
Terima kasih untuk kunjungannya.