Cara Membuat Kotak Pada Postingan Blog

About IT...
kali ini saya akan mempostingakan cara membuat kotak pada postingan blog. jika sobat ingin memposting tulisan script pada postingan blog, pasti kelihatannya acak acakan / gak karuan... kali ini saya akan memberikan cara untuk memberikan kotak pada postingan blog agar blog tampak rapi. langsung ajach dech...

1. copy script ini pada postingan sobat.

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: grey; text-align: center; color: rgb(255, 0, 0);"> <a href="http://bayusetiawan11.blogspot.com">About IT</a></p>



dan hasilnya akan seperti ini:

About IT



sebenarnya dari 1 script ini nisa di modifikasi menjadi banyak sekali macam kolomnya..

ok tak kasih yang instant ajach ya...

2. Teks otomatis rata kiri
Background warna hitam = background-color: black; black bisa diganti dengan warna lain seperti white, red, blue, green, dsb, warna lainnya bisa dilihat disini daftar warna
Link diisi hingga baris pertama penuh kemudian akan berpindah ke baris 2
Tinggi kotak teks 100 px (pixel) = height: 100px; angka 100 bisa diubah sesuai kebutuhan


<div style="border: 1px solid rgb(202, 61, 217); padding: 1px; overflow: auto; height: 100px; background-color: black; "><br>
<a href="http://bayusetiawan11.blogspot.com">About IT</a> <a href="http://www.blogger.com/">Blogger</a><br>
</div>



dan hasilnya seperti ini



3. Teks otomatis rata kiri
Background transparan
Link diisi per baris 1 link
Tinggi kotak teks 200 px (pixel) = height: 100px; angka 100 bisa diubah sesuai kebutuhan



<div style="border: 1px solid rgb(202, 61, 217); padding: 1px; overflow: auto; height: 200px; "> <br>
<a href="http://www.blogger.com/">Blogger</a> <br><a href="http://bayusetiawan11.blogspot.com/" target="_blank">About IT</a>
<br>
</div>




dan hasilnya seperti ini




0 komentar:

Poskan Komentar

Blog ini Sudah DOFOLLOW Silahkan Berkomentar Disini.