Membuat Tombol Show Hide Di Blog

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

Baca Juga
Related Post

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad