Jumat, 08 April 2011

Membuat kotak untuk memposting script/html

Bagi para blogger mania, yang sudah terbiasa memposting tulisan di blog. Berikut ini adalah beberapa model kotak untuk memasukkan kode html/script ke dalam postingan blog:

Solid border

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div> 

Dashed border

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Scrool border

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div> 

Pada tulisan yang "berwarna merah" silahkan ganti dengan Kode HTML atau Script yang kamu inginkan, namun perlu diingat : Kode HTML atau Script yang ingin kamu tampilkan harus sudah dalam keadaan "ENCODE" (cara untuk meng-ENCODE Kode HTML atau Script silahkan klik disini), sedangkan untuk background-color silahkan kamu ganti dengan warna kesukaan masing-masing.

Tidak ada komentar:

Posting Komentar