SALING BERBAGI @informasi: 10/02/12

Selasa, 02 Oktober 2012

Membuat Kotak Script Untuk Blog

Sobat blogger, gema kaliini akan ngeshare nih.. simple tapi gema yakin sangat di butuhkan, dalam kesempatan kali ini saya akan membahas Membuat Kotak Kode Script Saat Memposting. Pasti diantara blogger" belum pada tau maupun bisa, untuk memperindah script yang sobat posting. Coba kita langsung mempraktekan untuk membuat kotak script saat memposting, Silahkan pilih sesukamu :)
dibawah ini adalah berbagai kode script salah satu contuh hasilnya :

Solid Border.
<br />
<div style="background-color: #82cafa; border: 2px #006400 solid; padding: 10px; text-align: left;">
Membuat Kotak Script Saat Memposting </div>

Ridge Border.
.<br />
<div style="background-color: #82cafa; border: 2px #006400 ridge; padding: 10px; text-align: left;">
PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Groove Border.
<br />
<div style="background-color: #82cafa; border: 2px #006400 ridge; padding: 10px; text-align: left;">
PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Inset Border.
<br />
<div style="background-color: #82cafa; border: 2px #006400 inset; padding: 10px; text-align: left;">
PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Outset Border.
<br />
<div style="background-color: #82cafa; border: 2px #006400 outset; padding: 10px; text-align: left;">
PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Double Border.
<br />
<div style="background-color: #82cafa; border: 2px #006400 double; padding: 10px; text-align: left;">
PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

Dotted Border.
<br />
<div style="background-color: #82cafa; border: 2px #006400 dotted; padding: 10px; text-align: left;">
PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

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

Border dengan scroll, lebar dan tinggi.
<br />
<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Keterangan :
- Tulisan 'PASTE ATAU TULIS KODE/SCRIPTNYA DISINI' : Silahkan ganti dengan Kode Script/HTML yang sobat inginkan.
- Perlu di ingat Kode HTML atau Script yang ingin kamu tampilkan harus sudah dalam keadaan "ENCODE" bisa dilihat caranya disini: Converter Kode Script Menjadi Encode bisa di lihat disini caranya
- Warna Background silahkan ganti sesukamu, Contoh kode warna: #006400

gimana gampang kan?
ini contoh hasilnya.......

Membuat Kotak Script Saat Memposting

Ridge Border. .