Tampilan Kotak Script Di posting

Membuat tampilan kotak scrip di postingan seperti contoh di bawah ini:
langsung di taruh di postingan tanpa harus ke edit html.

» Solid Border

TULIS SCRIPT/KODENYA DISINI

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

» Ridge Border

TULIS SCRIPT/KODENYA DISINI

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

» Groove Border

TULIS SCRIPT/KODENYA DISINI

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

» Inset Border

TULIS SCRIPT/KODENYA DISINI

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

» Outset Border

TULIS SCRIPT/KODENYA DISINI

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

» Double Border

TULIS SCRIPT/KODENYA DISINI

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

» Dotted Border

TULIS SCRIPT/KODENYA DISINI

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


» Dashed Border

TULIS SCRIPT/KODENYA DISINI

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

Border dengan scroll, lebar dan tinggi

TULIS SCRIPT/KODENYA DISINI

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

Pada TULIS SCRIPT/KODENYA DISINI silahkan tulis kode script yang Anda inginkan.( SEBENARNYA BISA DI ISI OLEH APA SAJA BUKAN HANYA KODE SCRIPT MISALNYA TULISAN YANG DI ANGGAP PENTING )
Untuk back-ground color silahkan ganti dengan warna kesukaan Anda.

Google Facebook Twitter More

• Pinterest
• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote

Artikel Terkait

• Cara membuat browser bergetar saat klik kananMungkin ini tidak asing lagi di telinga anda, tentang cara membuat jendela browser bergetar saat kita melakukan klik k
• Atasi Error Setelah Instal TemplateAtasi Error Setelah Instal Template, mengunduh template dari luar tidak selalu menyenangkan. Kemungkinan ada sobat bl
• Cara menampilkan Kotak komentar yang HilangBerbeda dengan dahulu, untuk blogger yang ingin berkomentar harus mengklik "pos comment" dan membuka di jendela baru,
• Cara menonaktifkan klik kanan pada blog andaMungkin sering anda temukan pada situs-situs sahabat, yang halaman webnya tidak dapat di klik kanan. jika kita memaksa
• Membuat Scroll Pada Komentar BlogPara rekan blogger sekalian...kita berjumpa lagi dlm acara tutorial kali ini, dengan judul "Membuat Scroll pada komen
• Cara Membuat gambar berada di sudut blogCara Membuat gambar berada di sudut blog - Ketemu lagi dengan Tutorial terbaru ku hari ini, kali ini dengan Cara Membua

Tampilan Kotak Script Di posting

4/ 5

Oleh Baris Info

Mei 03, 2011 2 Komentar