Membuat Tombol Show Hiden di Blog

Rabu, 30 Maret 2011


Sebenarnya cara ini sudah lama saya tau, tapi saya baru postingnya sekarang. Show Hiden ini bisa kalian masukin link, gambar, mp3, video,dll. Cara membuatnya sangatlah mudah dan tidak perlu anda menguasai Bahasa Pemograman, soalnya hanya copy paste Scrip dibawah ini. Sebelum di Copykan diWebsite atau diBlog kalian, silakankalian ikuti langkah2x dibawah ini terlebih dahulu.

1. Login dulu diBlogger kalian
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget
3. Pilih HTML/JavaScrip dan Copy Scrip dibawah ini

<div>
<div style="margin-bottom: 2px;">
<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: 0px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
<img border="0" width="450" src="http://lh4.ggpht.com/_qfGgs2ZhTdw/TPqH4MJJDyI/AAAAAAAAATA/Z1E8MWKpu-s/s800/Merah_Putih.gif" />
</div>
</div>
</div>

4. Pastekan didalamnya
5. Simpan Template dan selesai


Hasilnya akan seperti ini












Tulisan yang berwarna BIRUbisa kalian ganti dengan link, gambar, mp3, video,dll.


Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..

0 Coment:

Posting Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))