Membuat Box Code / Kotak Script Pada Postingan Blog

April 08, 2015
Setelah selesai denagn artikel saya yang membahas tentang bagaimana membuat pop up facebook fanpage melayang yang ringan dan keren, kali ini saya akn membahas tentang bagimana membuat kode script atau box code pada postingan blog.

Box code atau kode script digunakan untuk meletakkan script agar terlihat rapi dan teratur, sehingga tampilan laman akan disukai oleh pengunjung dan pengunjung akan mempercayai blog kita bahwa blog dapat memberikan informasi yang bagus dan sesuai dengan keinginan denagn tampilan yang sangat rapi.

Membuat Box Code / Kotak Script Pada Postingan Blog

Berikut ini adalah tampilan code box beserta scriptnya

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

 <div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini…….</div> 

<div style="border: 2px #006400 ridge; 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 #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-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> 

Bagaimana cara memasangnya ?

  • masukan script di atas pada mode html (ubah mode compose menjadi html).
  • untuk mempermudah, selesaikan terlebih dulu postingan, kemudian tentukan dimana kita akan meletakkan script. kemudian selesai.
  • setelah itu masuk kembali ke mode compose
  • masukkan script yang di inginkan
  • dan selseai.
Mudah mudahan cara ini dapat bermanfaat :)

Share this

Related Posts

Previous
Next Post »

1 komentar:

Write komentar