Membuat Kotak Script Keren Saat Memposting
Membuat Kotak Script Keren Saat Memposting Membuat Kotak Script Keren Saat Memposting. . . .
Kali ini saya bakalan salah satu cara yang sering saya gunakan dalam membuat postingan. Insya ALLAH postingan ini sangat bermanfaat buat sobat blogger yang belum tahu cara memasukkan kotak script saat memposting.
Dengan adanya kotak script pada postingan kita, postingan akan kelihatan lebih menarik. Coba dech sobat blogger perhatikan salah satu kotak script "Solid border" berikut :
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
Selain kotak script yang Solid Border seperti diatas, sobat blogger juga biasa menggunakan kotak script yang laennya seperti dibawah ini:
Ridge Border:
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
Inset Border:
<div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
Outset Border:
<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
Double Border:
<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
Dotted border:
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
Dashed Border:
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
Kotak Script dengan ukuran lebar dan panjang serta Scroll:
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
Catatan:
Ketika sobat blogger ingin memasukkan kotak script dalam postingan, pilih modus penulisan HTML.
Silahkan ganti wana background sesuai dengan yang sobat blogger mau.
Ganti tulisan PASTE ATAU TULIS KODE/SCRIPTNYA DISINI dengan kode script yang nanti akan dimunculkan dalam postingan.
Pada kotak script dengan ukuran lebar dan panjang yang mempunyai scroll, silahkan sobat blogger sesuaikan pengaturannya. Ganti angka berwarna ungu untuk tinggi kotak script dan ganti angka berwarna hijau untuk lebarnya.
Sering - sering mampir di Max's Blog :p :p
- See more at: http://infobuatkalian.blogspot.com/2012/04/membuat-kotak-script-keren-saat.html#sthash.CseonycN.dpuf
Posting Komentar