Blog Khusus Membahas Tentang Tutorial, Tips dan Trik Seputar Blog Di BlogspotDotCom


26 Jul 2010

Cara Memasang Script Dalam Postingan Dengan Kotak Background

| 26 Jul 2010
Setelah kemarin membahas cara membuat text area dengan model biasa dan model highlight, kali ini saya akan menambahkan lagi tentang bagaimana memposting script dengan teks area background (diberi warna), yang nantinya akan Anda posting, mungkin memang sama dengan text area cuma yang saya ulas ini memakai background warna.
Jika Sobat Hendak membuat script dengan background yang nantinya akan Anda posting,
Langsung aja neh caranya :

Border berwarna dan jenis-jenis garis bordernya :

Solid Border :

<div style="border: 2px #006400 solid; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Ridge Border :

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Grove Border :

<div style="border: 2px #006400 groove; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Insert Border :

<div style="border: 2px #006400 inset; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Outset Border :

<div style="border: 2px #006400 outset; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Double Border :

<div style="border: 2px #006400 double; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Dotted Border :

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Dashed Border :

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #CEF6F5; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Border dengan scroll, lebar dan tinggi :

<div style="border: 2px #006400 solid; padding: 10px; background-color: #CEF6F5; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Keterangan :

Pada TULIS SCRIPT/KODENYA DISINI silahkan tulis kode script yang Sobat inginkan.
Untuk background color silahkan ganti dengan warna kesukaan Sobat.

Related Posts

Tidak ada komentar:

Posting Komentar

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>