Cara Membuat Postingan Didalam Kotak

Share

       Sepertinya kode ini bisa berguna sekali untuk mempercantik penampilan posting. Misalkan dalam suatu posting ada suatu kalimat yang ingin ditaruh dalam kotak seperti dibawah ini:

Contoh tulisan yang diletakkan dalam kotak.

Maka Cara membuatnya adalah sebagai berikut:
     pada mode Edit HTML, letakan tulisan yang ingin diberi kotak diantara baris kode yang berwarna biru seperti contoh dibawah 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"> Contoh tulisan yang diletakkan dalam kotak. </font> </p>

Catatan :   Pada waktu kode diletakan pada Edit HTML Posting blogspot, kode akan mengalami perubahan sedikit. Hal itu tidak jadi masalah, kodenya tetap sama hanya saja ditulis dalam bentuk yang sedikit berbeda.

1. border-right = garis pinggir kotak sebelah kanan
2. border-left = garis pinggir kotak sebelah kiri
3. border-top = garis pinggir kotak sebelah atas
4. border-bottom = garis pinggir kotak sebelah bawah
5. #6c7a7d ; #ff0000 = kode warna, rubah sesuai keinginan
6. 1px inset = ketebalan garis pinggir kotak, rubah sesuai keinginan
7. padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan
8. padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri
9. margin-right = jarak kotak dengan pinggir posting sebelah kanan
10. margin-left = jarak kotak dengan pinggir posting sebelah kiri
11. 20px ; 30px ; 70px = satuan jarak, rubah sesuai keinginan
12. font color = warna teks, hapuskan kode ini jika ingin teksnya berwarna seperti warna teks pada posting

Sekian ilmu yang saya berikan kali  ini, semoga  bermanfaat untuk kamu semua !