Dengan adanya tombol spoiler atau
tombol buka tutup yang ada diatas kotak / form komentar, akan membuat
tampilan blog anda semakin menarik karena tampilan dari komentar dari
pengunjung tidak melorot / memanjang ke bawah, jadi lebih simple dan
juga tidak membuat loading blog makin berat.
Cara Membuat Spoiler / Tombol Buka Tutup Pada Komentar Blogspot :
1. Login ke Blogger
2. Pilih Template => Edit Html
3. Klik Expand Template
4. Pada keyboard, tekan F3 dan cari kode seperti dibawah ini :
5. Selanjutnya letakkan kode berikut diatasnya
Sekian dari saya, selamat mencoba dan semoga bermanfaat.
1. Login ke Blogger
2. Pilih Template => Edit Html
3. Klik Expand Template
4. Pada keyboard, tekan F3 dan cari kode seperti dibawah ini :
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
5. Selanjutnya letakkan kode berikut diatasnya
<div><div style='margin-bottom: 2px;'><i><b><small/></b></i><input 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 = 'Silahkan Lihat Komentar'; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Silahkan Lihat Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>
6. Belum selesai ya? soalnya kodenya belum ada penutupnya. Selanjutnya letakkan kode berikut dibawah kode warna merah :
</div>
</div>
</div>
7. Nah sekarang selesai nih, trus simpan aja template and silahkan lihat hasilnya.
Sekian dari saya, selamat mencoba dan semoga bermanfaat.
Anda sedang membaca artikel tentang Cara Membuat Spoiler Komentar Show/Hide di Blog. Anda bisa bookmark halaman ini dengan URL http://rujakcemil.blogspot.com/2013/07/cara-membuat-spoiler-komentar-showhide.html.
Jika Anda menyukai Artikel di blog ini, Silakan masukkan email Anda di bawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.
|
0 komentar:
Posting Komentar