Cara Membuat Kotak Script Di Postingan Blog 2017

Cara Membuat Kotak Script Di Postingan Blog

2 Comments

Thursday, September 8, 2016

Menyematkan kotak dalam tulisan blog terlihat indah dan menarik. Dan banyak para blogger menggunakan kotak dalam postingan mereka untuk menaruh informasi yang penting, salah satunya adalah Script HTML, php dan sebagainya.

Namun kotak yang disematkan dalam postingan ini tidak disediakan oleh blogspot itu sendiri, maka dari itu kita harus membuatnya sendiri. Caranya cukup mudah. Disaat anda ingin membuat postingan baru yang di dalam nya ingin anda beri kotak script, anda edit postingan anda pada bagian HTML (sebelah kanan compose). Tambahkan script berikut ini, pilih sesuka anda.

SOLID BORDER

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

RIDGE BORDER

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

INSET BORDER

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

OUTSET BORDER

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

DOUBLE BORDER

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

DOTTED BORDER

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

DASHED BORDER

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

BORDER CUSTOM

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

Mudah dong, namun jika anda tidak setuju tampilan nya...anda dapat merubahnya sesuka hati. Inilah penjelasan scriptnya :

• Border: 2px = Itu adalah ketebalan kotak script
• Double = Bentuk kotak script
• Padding: 10px = Panjang kotak kebawah, untuk lebar otomatis sampai ujung posting
• Background-color:ffffff = Warna dalam kotak
• Text-align:left = Posisi tulisan

Itulah penjelasan dari "Cara membuat kotak script di postingan blog", Mudah bukan? Semoga bermanfaat :)