6/4/17

Cara Gampang Membuat Kotak Kode Script Javascript/HTML Dalam Postingan Blog

Cara Gampang Membuat Kotak Kode Script

RYLL09 - Terima kasih sudah berkunjung digubuk saya ini yang akan berbagi sedikit artikel tentang Cara Gampang Membuat Kotak Kode Script di Blog. Agar tampilan kode scriptnya biar kelihatan rapi.

Kalian pasti pernah mendapatkan blog yang kode script khusus sengaja dibuatkan box sehingga anda bisa gampang copas script tersebut. Biasanya kota script terdapat pada blog dengan niche blogging.

Ada juga blog yang dipasangi anti Copas tapi kode script bisa di copas yang didalam kotak. Sehingga anda hanya bisa copas bagian dalam kotak saja hehehehhe.

Cara Memasang Kotak Kode Script Javascript/HTML Dalam Postingan Blog

Caranya gampang banget:

1. Pada Entri Baru klik Mode HTML 
2. Lalu masukkan kode berikut ini:





3. Lalu kembali ke mode Compose, hasilnya seperti berikut:

Kode Script Anda Di Sini

Sebelum di copy script nya wajib di convert dulu gan di sini agar tidak berantakan.

Berikut beberapa model box script yang mungkin berguna bagi anda:


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Anda Disini</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Script Anda Disini</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Kode Script Anda Disini</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

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

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini</div>

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

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

Mending buat dulu tulisan anda sampai selesai, setelah itu pasang box nya biar tidak ribet.
   




Demikian artikel kali ini tentang cara membuat Kotak Kode Script HTML/Javascript pada postingan blog, semoga bermanfaat.
Peace Out.

 *UPDATE