Cara Bikin kotak Script

Sahabat-sabatku yang super :D
terkadang ketika kita mampir di blog orang, ketika kita lagi asik baca posting orang tersebut kita kaget bagaimana bisa ada kolom-kolom dengan scroll atau mungkin dengan desain2 yang bagus. Nah, disini saya akan membahas itu contohnya seperti ini

Bagaimana keren kan??wkwkwkwk. Tenang anda bisa membuatnya dengan mudah..

Caranya sebenarnya simple, ketika anda pada halaman posting, akan ada 2 menu, yang pertama compose, dan yang kedua yaitu HTML, kemudian:
1. Klik menu HTML

<div>
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 100px; width: 300px;" wrap="VIRTUAL"><div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 150px; width: 500px;" wrap="VIRTUAL">ISIKAN TEKS/KODE SCRIPT ANDA DISINI</textarea></div>
</div>
</form>
</div>

kemudian pastekan kode berikut ini jika anda ingin menggunakan model kotak kode script diatas.
Keterangan:
height : Tinggi Kolom
Weight : Lebar Kolom

Oo iya Sokabat, kolom2 diatas namanya ada kotak kode script (Box Script Code), modelnya sangat banyak, sobat2 bisa mencarinya di mbah google, termasuk model seperti diatas. berikut model2 kotak script yang saya copy, silakan dipakai.
1. Kodenya:
<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;">TULIS TEKS DISINI</div>

TULIS TEKS DISINI

2.Kodenya:
<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;">TULIS TEKS DISINI</div>

TULIS TEKS DISINI

3.Kodenya:
<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;">TULIS TEKS DISINI</div>

TULIS TEKS DISINI

4. Kodenya:
<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;">
TULIS TEKS DISINI</div>

TULIS TEKS DISINI

5. Kodenya:
<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;">
TULIS TEKS DISINI</div>

TULIS TEKS DISINI

Sekian dari saya, mohon jika ada yang kurang mohon dimaafkan. Semoga bermanfaat.

Share :

Tweet

More

Related Post