jika anda membuat nya dengan blogger maka anda silahkan masuk ke :
Dashboard blogger - menu post - buat entri baru - pilih HTML. masukan kode berikut ke dalam tag HTML, ingat jangan compose yah silahkan di copas aja :
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #eeeeee none repeat scroll 0% 0%; border: 1px solid #dddddd; overflow: auto;">
<br />tulisan kode anda sisini<br/>
dan lanjut dengan enter / baris baru</div>
dan lanjut dengan enter / baris baru</div>
paste kode di atas di dalam HTML
hasil di Compose :
tulisan kode anda disini
dan lanjut dengan enter / baris baru
Contoh kode tampilan box yang lainnya :
<div style="border: 3px #1780dd double; padding: 10px;background-color:#ffffff;
text-align: left;">
disini tulisan script anda</div>
<div style="border: 3px #1780dd dashed; padding: 10px;background-color:#ffffff;
text-align: left;">
disini tulisan script anda</div>
<div style="border: 3px #1780dd groove; padding: 10px;background-color:#ffffff;
text-align: left;">
disini tulisan script anda</div>
<div style="border: 3px #1780dd outset; padding: 10px;background-color:#ffffff;
text-align: left;">
disini tulisan script anda</div>
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
text-align: left;">
disini tulisan script anda</div>
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
disini tulisan script anda</div>
keterangan :
- Borde : 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
- Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
- 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
berikut kode tag html yang bisa saya bagikan untuk membuat tulisan kode di postinga blog anda silahkan di modifikasi sendiri sesuai seler anda, terimakasih sampai ketemu di artikel selanjutnya.
Post a Comment