Cara Membuat Kotak dan Tabel Pada Postingan Blog

    Dalam postingan kali ini saya akan memberikan sebuah tips Cara Membuat Kotak dan Tabel Pada Postingan Blog. Oke langsung saja.Bagaimana sich Cara Membuat Kotak Dalam Postingan Blogger itu?


                             YEPPY BLOG | SHARE EVERYTHING


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">YEPPY BLOG | SHARE EVERYTHING</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






 YEPPY BLOGYEPPY BLOGYEPPY BLOG


Jika anda ingin hasil yang seperti itu pakai code ini :

<table border="1" width="450">
<tr bgcolor="#F2F2F2">
<td align="center"><b>YEPPY BLOG</b></td><td align="center"><i>YEPPY BLOG</i></td><td align="center">YEPPY BLOG</td>
</tr>
</table>







YEPPY BLOG

YEPPY BLOG

YEPPY BLOG
hasilnya seperti ini hasilnya seperti ini hasilnya seperti ini



Jika menginginkan Tabel seperti itu silahkan pakai code dibawah ini :

<table border="1" style="width: 450px;"><tbody>
<tr bgcolor="#F2F2F2">     <td align="center">
<b>YEPPY BLOG </b></td><td align="center"><i> </i>
YEPPY BLOG</td><td align="center">
YEPPY BLOG </td>     </tr>
<tr>     <td align="left">hasilnya seperti ini</td>     <td align="left">hasilnya seperti ini</td>     <td align="center">hasilnya seperti ini
</td>     </tr>
</tbody></table>

   Nah sekian tips Cara Membuat Kotak dan Tabel Pada Postingan Blog, Semoga bermanfaat untuk anda. Selamat bereksperimen dan Salam Blogger. :)
Terimakasih anda telah membaca artikel Cara Membuat Kotak dan Tabel Pada Postingan Blog Silahkan baca artikel Yepi Share Everything Tentang | Yang lainnya. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
Jangan Lupa Gabung Bersama Kami Dengan Like Facebook Di Bawah Ini :

3 komentar:

otheroption mengatakan...

mantap ga, ane coba ya..

mampir ke blog ane juga ya gan banyak film bagus disini... :)
Download Movie Free Tian

Imam Fachruddin mengatakan...

caranya gmn? pas kita maw mosting itu terus Klik Html nya yya? sehabis itu maw nyimpannya gmn? baru belajar :D

Belajar elektronika mengatakan...

trims bro

Posting Komentar

Jangan lupa tinggalkan komentar anda disini dan gunakan kata-kata yang bijak dalam berkomentar. Dilarang keras memasukkan segala bentuk link dalam komentar, karena itu dianggap SPAM