Cara Membuat Tombol Klik Show pada Blog ( Postingan )

 

 Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.

Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,
Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<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: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan tulisanmu di sini

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

Masukkan tulisanmu di sini

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Jadi nya seperti di bawah ini :

Klik show untuk melihat

Masukkan tulisanmu di sini By.Run_D Creator's

Terima Kasih semoga bermanfaat

Sumber:  hackerzpro.blogspot.com
              http://tabunk91.blogspot.com/2012/05/cara-membuat-tombol-klik-show-untuk.html

Baca Juga di Bawah Ini :

ATTENTION PLEACE :
Buat semua pengunjung yang ingin copy-paste diperbolehkan asal mencantumkan..
URL:
http://creatoragus.blogspot.com/

Hal ini untuk menambah rasa pertemanan agar menjadi lebih akrab dan untuk menjaga solidaritas dari para blogger sejati yang ada di indonesia..
Dan apabila terjadi kerusakan pada postingan kami misalnya kode yang salah,Gambar yang tidak valid dll.Sobat dapat menghubungi kami disini
Salam:Run_D Creators