Membuat Kotak Area Pada Blogger

1.Kotak Select ALL

<em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini<br />

2.Kotak Scrool Transparent

Copy Text Berikut

<em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><span class="fullpost"><div style="border: 1px solid rgb(204, 204, 204); margin: auto; padding: 3px; overflow: auto; width: 95%; height: 100px; text-align: left;"><i><b><span style="color:red;"> div style="text-align: left;"><br /><br /></div><span class="fullpost"><span style="color: rgb(255, 0, 0);"><div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 100px; background-color: rgb(255, 255, 255);"> Tulis Text Di Tampilkan Di Sini<br /></div></span></span><br /><span class="fullpost"><br /></span><div class="bawah"><b><span style="color: rgb(0, 0, 0);"><br /></span></b></div><br /></span></b></i></div></span><br /><p></p><br /><br />

Hasilnya Sebagai Berikut

Tulis Text Yang Akan DITampilkan Disini

3.Kotak Scrool Background Putih

<em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini<br /><br /><br /><br />hasilnya sebagi berikut<br /><br /><div style="text-align: left;"><br /><br /></div><span class="fullpost"><span style="color: rgb(255, 0, 0);"><div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 100px; background-color: rgb(255, 255, 255);"> Tulis Text Di Tampilkan Di Sini<br /></div></span></span><br /><span class="fullpost"><br /></span><div class="bawah"><b><span style="color: rgb(0, 0, 0);"><br /></span></b></div>

Hasilnya Sebagai Berikut

Tulis Text Di Tampilkan Di Sini

4.Membuat Scrool bergambar

<em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><em></em><form name="copy"><div align="center"><em><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></em></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt"><div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="http://i727.photobucket.com/albums/ww276/Tiyar/0000000.jpg" /></div></span><br /><br />

Hasilnya sebagai berikut

5.Membuat Bingkai Pada Postingan

Tulis disini...

border: 1px dashed #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...


sumber membuat bingkai pada postingan blogger

2. Textbox Area:

KLIK "SELECT ALL" UNTUK MELAKUKAN COPY PASTE

</span><span style="color:#ff0080;">disini tempat memasukkan kode / text anda</span><span style="color:#008040;">

SUMBER