![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAxv7j08Bqv54l8gEjy5KvabVYwxccMKf2sPYzBaQcfrPzXFYmx32JTzi4nCBnJUTpFoIjrZR6qd0Fa2GcwiBSIUU0tiaCC4-84P3yxqQD9T9OVTX48qBixbNagfoVPjns-F3xuS6jzDc/s640/kotak+blog.png)
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
0 komentar
Posting Komentar