Buat Box / Kotak Kode Script di Postingan Blogger - BRIGADE 86 - Cara Cepat Belajar Komputer dan Belajar Blog
Headlines News :
Powered by Blogger.
Home » » Buat Box / Kotak Kode Script di Postingan Blogger

Buat Box / Kotak Kode Script di Postingan Blogger

Written By Edie Daneva Warsono on Monday, 31 December 2012 | 20:47

Jasa Like Fanpage Murah 2014, 2015, 2016
Kotak kode script / box code ini sangat bermanfaat ketika Anda sedang membuat / posting artikel di Blogger yang berisi banyak kode script yang harus ditampilkan. Pada tip dan trik Buat Box / Kotak Kode Script di Postingan ini, akan diberikan beberapa contoh kotak kode script yang dibuat proBlogiz. Anda bisa menggunakannya jika ada yang disukai dari contoh-contoh tersebut. Tentunya Anda juga bisa memberikan perubahan pada code-codenya menurut selera masing-masing, seperti ukuran dan jenis border, warna background, ukuran box atau lainnya. 

Beberapa Contoh Kotak / Box Script dan Kodenya

Simple Box
Kode Script Anda Disini
 <div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini</div>

Ridge Border
Kode Script Anda Disini
<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini</div>

Inset Border
Kode Script Anda Disini
<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini</</div>

Outset Border
Kode Script Anda Disini
<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Script Anda Disini</div>

Double Border
Kode Script Anda Disini
<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini</div>

Dotted Border
Kode Script Anda Disini
<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini</div>

Dashed Border
Kode Script Anda Disini
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Kode Script Anda Disini</div>

Pilih salah satu contoh diatas yang Anda sukai, kemudian copy code scriptnya, dan pastekan code itu di mode HTML di post editor Blogger saat posting artikel. Anda bisa rubah ukuran border, warna border, ukuran box, warna background, sesuai warna yang disukai dan ukuran yang dikehendaki. Semoga membantu.
Related Posts Plugin for WordPress, Blogger...
Share this article :

1 comment:

Komentar anda adalah bentuk apresiasi non verbal yang sangat berguna bagi situs ini. Tulislah beberapa kata untuk perkenalan dengan saya

 
Original Basic Design by Absolut Website Creator Modified by Oemah Web Banjar - West Java