Membuat Tombol Show Hiden di Blog
Label:
Diposting oleh
Unknown |
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
4. Pastekan didalamnya
5. Simpan Template dan selesai
Hasilnya akan seperti ini
Tulisan yang berwarna Putih bisa kalian ganti dengan link, gambar, mp3, video,dll.
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;">
</div>
</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
Tulisan yang berwarna Putih bisa kalian ganti dengan link, gambar, mp3, video,dll.
Kamis, 08 September 2011 |
01.21
0 komentar:
Posting Komentar