KOTAK PADA TEKS POSTINGAN
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://kumputervsayam.blogspot.com/">About IT</a></p>
dan hasilnya akan seperti ini:
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, 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://kumputervsayam.blogspot.com/">About IT</a> <a href="http://www.blogger.com/">Blogger</a><br>
</div>
<a href="http://kumputervsayam.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://kumputervsayam.blogspot.com/" target="_blank">About IT</a>
<br>
</div>
<a href="http://www.blogger.com/">Blogger</a> <br><a href="http://kumputervsayam.blogspot.com/" target="_blank">About IT</a>
<br>
</div>
dan hasilnya seperti ini
Silahkan Berkreasi Mas Blog....semoga apa yang sy sampaikan ini Mampu menambah daya imajnasi Mas Blog dalam mengelola Blog Anda.
Untuk Melihat Hasil Dari Apa yang saya Jelaskan Diatas Mas BLOG bisa MElihatx DI SINI
