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?
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
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>
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. :)
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 BLOG | YEPPY BLOG | YEPPY 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
Blogger
|
Tutorial Blog
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:
mantap ga, ane coba ya..
mampir ke blog ane juga ya gan banyak film bagus disini... :)
Download Movie Free Tian
caranya gmn? pas kita maw mosting itu terus Klik Html nya yya? sehabis itu maw nyimpannya gmn? baru belajar :D
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