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
Semoga Postingan saya Bisa Bermanfaat bagi sahabat Blogger...
Selamat Mencoba...
Tidak ada komentar:
Posting Komentar
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>