Membuat Tombol Show Hide Di Blog

by - tips lengkap on - 2:00 AM

Motivation - Berikutnya, saya akan membagikan Tutorial "Membuat Tombol Show Hide Di Blog". Apa itu tombol Show Hide? Tombol ini berfungsi untuk meminimalisir Artikel yang sangat panjang. Nah Bagaimana Cara Membuatnya?

Caranya Sangat Mudah, Jika anda ingin membuatnya menjadi widget, anda dapat :

Login ke Blogger >> Dashboard >> Tata Letak >> Add Gadget >> HTML/Javascript
Masukkan Kode Berikut ini.

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Buka" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'CLICK HERE'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

Masukkan Code JavaScript/Gambar/Text Di sini

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

Save

Anda juga dapat memasang tombol ini di dalam Postingan, Caranya yaitu :

Pada paostingan edit menggunakan HTML, lalu masukkan kode diatas.

Hasilnya akan seperti dibawah ini:

Nah, Itulah Tutorial "Membuat Tombol Show Hide Di Blog". semoga bermanfaat. terima kasih.

Motivation_2014Arsip