close
cbox

Home » » Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam pada salah satu blog saya 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>

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.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, 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.


Sumber : http://www.thecyber.co.cc
Bagikan artikel ini ya sobat :
Related Posts Plugin for WordPress, Blogger...

13 komentar:

Central furniture jepara berkomentar:

menarik gannn

Anonim berkomentar:

wah ini yang saya cari gant.....ane ke tkp langsung dech...
sukses folow 39..gant...
mhon kunjungan baliknya ya..he

Alami 69 berkomentar:

dicoba doeloe gan... share info peluang bisnis online gratis ada disini

Anonim berkomentar:

Makasih gan< ijin comot skripnya

FUKK4 berkomentar:

gan ane boleh nanya ga gan
itu bisa dimasukin banner ga?

Ariq Rastaman berkomentar:

Wow Sangat Berguna Sekali Visit Back Ya Sob ....::::::::::..
:l:

Unknown berkomentar:

nice infonya gan.... semoga agan selalu diberi kesuksesaan. Ada yang tahu info hosting yang bagus, kalo hosting ini hostingbintanglima.com bagus ga?

Unknown berkomentar:

thanks gan :)

Unknown berkomentar:
Komentar ini telah dihapus oleh pengarang.
Unknown berkomentar:

Wah bagus sekali Blognya, jangan lupa main keHIJABAH SHOP dan main ke BLOG HIJABAH yaaaaaaa :)

Unknown berkomentar:

keren gan blog nya rumah dijual di bekasi

Anonim berkomentar:

Follow Back Gan.
http://blog-medianet.blogspot.com/

Linda yuonne nicole berkomentar:

Existing without the answers to the difficulties you’ve sorted out through this guide is a critical case, as well as the kind which could have badly affected my entire career if I had not discovered your website. | kutil kemaluan | kutil kemaluan | kutil kemaluan | kutil kemaluan | kutil kemaluan

:b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p:

Silakan Berkomentar Sobat,,

Luangkan Sedikit Waktu Sobat Untuk Memperindah Blog Ini Dengan Berkomentar,, (^_^)

Tolong jangan berkomentar spam ya,,!!

 
..::: Copyright © 2012. Kumpulan Trick Blog . All Rights Reserved :::..