Minggu, 29 April 2012

Membuat Tombol Show Hiden di Blog

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>

Tulisan yang berwarna Putih bisa kalian ganti dengan link, gambar, mp3, video,dll. 
4. Pastekan didalamnya
5. Simpan Template dan selesai

Semoga Bermanfaat Ya.♪♫♪♫



Artikel Terkait

Perbaikan JavaScript