Cara Pasang Spoiler Pada Komentar Blogger 5

Banyak cara yang bisa kita lakukan untuk mempercantik bagian komentar blog di blogger,salah satunya adalah dengan memasang Spoiler pada bagian komentar tersebut.Komentar blog akan semakin memanjang kebawah dan akan memakan banyak ruang jika semakin banyaknya orang yang berkomentar pada blog kita,jika anda tidak menginginkan hal ini dan ingin menghindari panjangnya halaman komentar pada blog anda, alangkah tepatnya anda menggunakan trik Pasang Spoiler pada Komentar Blogger tersebut.Fungsi dan kegunaan dari spoiler ini tidak jauh berbeda dengan postingan sebelumnya baca di ( Jenis dan Cara Pembuatan Spoiler Untuk Blogger ) namun Yang membedakannya adalah Pada Pemasangan Spoiler ini,Pada Postinga ( Jenis dan Cara Pembuatan Spoiler Untuk Blogger ) Spoiler di pasang pada Postingan Blog sedangkan Yang akan kita bahas kali ini ( Cara Pasang Spoiler Pada Komentar Blogger ) Spoiler di pasang pada Komentar BLog.

Dan adapun Cara Pasang Spoiler Pada Komentar Blogger adalah:

1. Buka Blogger Dasbor >>Pilih Opsi lainya >> Pilih/klik templete .

2. Back Up dulu Templete anda.

3. Selanjutnya Klik Edit HTMl >> centang kotak kecil Expand Template Widget.

4. Cari Kode di bawah ini  gunakan Ctrl + F atau F3 untuk memudahkan pencarian.

<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. Setelah anda menemukan kode diatas, silakan hapus dan ganti dengan kode dibawah ini :

<!-- spoiler komentar start-->
<div>
 <input onclick='if(this.parentNode.getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;){this.parentNode.getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;&apos;;this.value = &apos;Tutup Komentar&apos;;}else{this.parentNode.getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;none&apos;; this.value = &apos;Lihat Komentar&apos;;}' style='-moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e50000; border-radius: 5px; border-style: outset; color: white; cursor: pointer; display: inline; font-weight: bold; padding: 0px 5px; text-shadow: 1px 1px #666;' type='button' value='Lihat Komentar'/> 
<div style='background: #f1f1f1; border: 1px inset; display: none; margin-top: 5px; padding: 10px 5px; padding: 6px;'>
<!--  komentar kode start -->
       <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>


<!--  komentar kode end -->
</div></div>

<!-- spoiler komentar end-->

6. Simpan Templete anda.

Selesai dan Semoga bermanfaat......