Menyembunyikan text dengan tombol spoiler ( show hide )

masukkan kedalam code html

<div style="margin-bottom: 2px;"><i><b><small>Klik Button</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" type="button"></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Sembunyikan tulisan / gambar disini

</div></div></div>

maka hasilnya akan seperti dibawh ini

Klik Button

Sembunyikan tulisan / gambar disini

Memasang tombol untuk kembali keatas ( go to top )

masukkan code berikut
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/48x48/arrow_top.png'/></a>

tempatkan tepat diatas </body> pada bagian edit html

hasilnya:

Text area dengan select all

copy code berikut masukkan kedalam html dibaigan posting
save dan lihat hasilnya
<div>
<form name="Select All code">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height:60" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly>

telisan semua nya ada disini
sedfaserfgergf
ergf
ergferfgerg
erg
erg
f
d
</textarea></p>
</div>
<p align="left" style="margin-top: 0; margin-bottom: 0">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All">


hasilnya:

telisan semua nya ada disini sedfaserfgergf ergf ergferfgerg erg erg f d

Membuat mesin pencari di blog sendiri

masukkan code berikut di bagian html/javascript
<form id="searchform"
action="http://kreasi-situsweb.blogspot.com/search"
name="searchform" method="get">
<input id="s" value="" name="q"
type="text"> <input id="searchsubmit"
value="Search"type="submit"> </form>

semoga berhasil

Menghias text area dengan warna

copy code berikut
<form><textarea rows="3" cols="30" background-color="green"
style="color: red; background-color: yellow; text-decoration: underline; border-style: dotted; border-color: blue">TULISAN ADA Disini</textarea></form>

contoh hasil:

TULISAN ADA Disini