[Object]
Home » » Membuat Script Tabel Kotak Dalam Postingan

Membuat Script Tabel Kotak Dalam Postingan

Tabel atau kotak pada postingan blog adalah sebuah script yang dapat membuat tulisan pada postingan ataupun artikel yang memiliki bingkai
Membuat kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger yang menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.

Cara Membuat Tabel Border Pada Postingan :

1. Login pada Blogger

2. Masuk entri baru atau edit postingan yang akan diberi tabel border

3. Klik pada menu HTML

4. Setelah itu masukan Kode HTML  yang dibawah ini

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc;  border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">TULISAN YG AKAN DIBUAT DALAM TABEL</div>


  Hasilnya adalah seperti gambar dibawah ini

TULISAN YG AKAN DIBUAT DALAM TABEL

 5. Kemudian klik Perbaiki atau Publikasi



  Dibawah ini adalah jenis-jenis border yang lainnya, 
 
<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">TULISAN YG AKAN DIBUAT DALAM TABEL</div>


<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">TULISAN YG AKAN DIBUAT DALAM TABEL</div>



 sumber :

Thanks for reading & sharing Sihaloho Sidapitu