Home » » Membuat Tombol Show Hiden di Blog

Membuat Tombol Show Hiden di Blog

Written By beeje coffee on Friday | 11:27 AM

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
Share this article :

0 comments:

Post a Comment

Translate

Arsip Blog

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. --=::[̲̅̅S̲̲̅̅̅i̲̅] [̲̅̅W̲̅̅o̲̲̅̅̅n̲̲̅̅̅k̲̅]™::=-- - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger