Created (c) by Princexells Seyka (Princelling Saki)

Rabu, 17 April 2013

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog



Kali ini ane akan share tentang gimana cara buat Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog, oke langsung aja kita ke Tutorial ya!! Cekidot

1. 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 Klik show untuk melihat dengan kata atau kode yang ingin Sobat masukkan. sobat juga bisa mengganti kata Masukan tulisanmu di sini dengan kata yang sobat inginkan.

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

Semoga Postingan saya Bisa Bermanfaat bagi sahabat Blogger...
Selamat Mencoba...

Tidak ada komentar:

Posting Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Lagi Perbaikan Blog
Back to Top