Namun kotak yang disematkan dalam postingan ini tidak disediakan oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.
- Login ke blogger dan pilihlah 'Entri Baru'
- Buat tulisan (New post)
- Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
. "Mr D".</div>
text-align: left;">
. "Mr D".</div>
- Selanjutnya pilih 'HTML'
- Paste script yang tadi di copy di bawah postingan.
- Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tarrrrraaaaa, berhasil, berhasil, Hooorrrraaaaaaayyyyyy :D
- Ganti tulisan "Mr D" dengan kata yang agan inginkan.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
."Mr D".</div>
text-align: left;">
."Mr D".</div>
- Ganti tulisan "Mr D" dengan kata yang agan inginkan
- border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
- Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
.Mr D (Dashed).
.Mr D (Dotted).
.Mr D (Groove).
.Mr D (Inset).
.Mr D (Outset).
.Mr D (Ridge).
.Mr D (Solid).
- padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
- background-color:ffffff; = warna dalam kotak.
- Dan text-align:left; = posisi tulisan didalam kotak di kiri
Nah, kurang lebihnya seperti itulah langkah-langkah dalam membuat kotak script pada postingan blog.
Sekian artikel dari Mr D, semoga bermanfaat dan terima kasih.
No comments:
Post a Comment