Cara Membuat Kotak Keren Blogspot
![cara membuat kotak keren blogspot cara membuat kotak keren blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7O4BddbJ8MFRRoToq9jZFNTT9_TfD0EIw-dsBogmo9txTIgrix6fNJ2JI607jddaP9u05zUcQILP2tbj4iqHNITEl7h-HaCQ1NG-Ww78GOkl2OkqhZ1prgIF0HDlcN9Yjmcj7ie19jVu/s640/hamid-junaidi.blogspot.com.png)
Kotak html diperlukan untuk memisahkan antara postingan teks dan kode html, nah berikut akan saya kasihkan beberapa tampilan kotak dan kode html nya yang bisa di aplikasikan di postingan sobat. Langsung saja ya!!! ^_^
1. kotak HTML keren versi A
<div style="border: 2px #006400 solid; padding: 10px; background-color: blue; text-align: left;"> paste kode HTML kalian yang sudah di parse disini </div>
2. kotak HTML keren versi B
<div style="border: 2px #006400 dotted; padding: 10px; background-color: blue; text-align: left;"> paste kode HTML kalian yang sudah di parse disini</div>
3. Kotak HTML keren versi C
<div style="border: 2px #006400 dashed; padding: 10px; background-color: blue; text-align: left;"> paste kode HTML kalian yang sudah di parse disini </div>
4. Kotak HTML keren versi D
<div style="border: 2px #006400 solid; padding: 10px; background-color: blue; overflow: auto; height: 50px; width: 300px; text-align: left;">paste kode HTML kalian yang sudah di parse disini </div>
5. Kotak HTML keren versi E
<p style="border: solid 1px #aaa; background: #ccc; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: black; font-size: 18px">Coba coba</p>
Jangan lupa, sebelum di pasangkan parse dulu kode html yang akan kalian tampilkan di blog melalui HTML PARSE GENERATOR. Sobat juga bisa mengganti warna background kotak HTML menjadi warna kesukaan. caranya ubah kode blue dengan kode warna kesukaan kalian.
0 Response to "Cara Membuat Kotak Keren Blogspot"
Post a Comment