Search Bar

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog



Kembali lagi dengan saya,siapa lagi kalau bukan Bang Sholeh. Oke,kali ini bang sholeh sedikit berbagi bagaimana cara menambahkan tombol show pada postingan anda. biar postingan anda tidak terlalu panjang mending pakai tombol show saja.


Caranya cukup mudah banget, ( hehehehe,berlebihan ) . Oke,langsung saja baca tutorialnya di bawah ini ya:
1. masuk ke blog anda,kemudian buat entri baru.
2. Setelah itu, jangan memakai Compose untuk menambahkan,tapi gunakan HTML
seperti dibawah ini :



3. Setelah masuk ke HTML kemudian tambahkan Script dibawah 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>

 4. Setelah itu tinggal anda simpan/publikasikan postingan anda. Dan akan keluar tampilan seperti dibawah ini :
Klik show untuk melihat
Masukkan tulisanmu di sini

NOTE:
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.

5. Selesai dach,mudah bukan


BABAI....BABAI....


Post a Comment

0 Comments