Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya. Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.
- Login ke Blogger.com dan buat postingan
- Copy Scrip dibawah ini
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">Sobat Bagus 98 ( ubah tulisan merah sesuai keinginan )</div>
- Pilih mode HTML kemudian pastekan scripnya seperti gambar dibawah
- kembali ke Compose untuk melihat kotaknya akan seperti gambar dibawah
- Selanjutnya sobat Bagus 98 tinggal mengubah "Sobat Bagus 98 ( ubah tulisan merah sesuai keinginan )" Dengan tulisan maupun scrip yang ingin digunakan didalam kotak tersebut , tentu mudah bukan ?
Penjelasan Tentang Scriptnya
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">Sobat Bagus 98 ( ubah tulisan merah sesuai keinginan )</div>
text-align: left;">Sobat Bagus 98 ( ubah tulisan merah sesuai keinginan )</div>
- border 3px = Ketebalan kotak script
- #1780dd = warna kotak script
- padding: 10px = Panjang kotak kebawah untuk lebarnya otomatis ke ujung
- Background-color#ffffff = Warna dalam kotak
- text-align: left; = Posisi tulisan didalam kotak kiri
- Double; = Bentuk Kotak ( Bisa diganti dengan kode brikut ini atau dihilangkan juga bisa )
Sobat Bagus 98 ( Dashed )
Sobat Bagus 98 ( Dotted )
Sobat Bagus 98 ( Groove )
Sobat Bagus 98 ( Inset )
Sobat Bagus 98 ( Outset )
Sobat Bagus 98 ( Ridge )
Sobat Bagus 98 ( Solid )
Nah itulah penjelasajan code HTML untuk membuat kotak dalam postingan . bisa dimodifikasi sesuai selera
Sumber : Google.com
EmoticonEmoticon