English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Sabtu, 24 November 2012

Cara membuat Tombol Klik Show di Postingan Blog

Salam sobat blogger...
kali ini saya mencoba membahas sedikit nih Cara membuat Tombol Klik Show di Postingan Blog
Bagi sobat yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Sobat 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>

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 inginsobat masukkan. Sobat juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog sobat, maka hasilnya bisa dilihat di bawah ini.
Klik show untuk melihat
Masukkan tulisanmu di sini

Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.

Demikianlah postingan saya kali ini...
Semoga bermanfaat..

0 komentar:

Posting Komentar

^ Hiasilah blog sederhana ini dengan komentar sobat yang membangun
^ Tolong jangan berkomentar SPAM
^ Link aktif di komentar secara otomatis di nonaktifkan.
Terima kasih atas kunjungan dan partisipasinya.
Salam Bahagia.



Flag Counter
AllNewsSite Link Exchange Page Rank Checker Free Auto Backlink Exchange Service
Vietnam Backlinks Free Automatic Backlink Blogger Widgets Personal blogs