Jumat, 21 September 2012

Cara Membuat Spoiler Pada Komentar Blogspot

Ingin membuat komentar itu lebih singkat dan pendek bro ? agar loading gak berat dan melihat itu komentar berserakan jadi lebih rapi, untuk gua posting bro tentang Cara Membuat Spoiler Pada Komentar Blogspot, oke bro untuk lo yg berminat silahkan aja simak tata cara berikut ya bro :



  1. Login ke blogger lo bro
  2. Pilih Rancangan
  3. Klik Edit Html
  4. Jangan Lupa Bro Centang Expand Template Widget
  5. Untuk Mengantisipasi Kesalahan Bro, Lakukanlah BACKUP data terlebih dahulu ya bro
  6. Carilah Kode diBawah bro.
<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

     7. Copy Kode diBawah bro dan Letakkan diAtas Kode DiAtas bro, jangan salah ya bro.



<div><div style='margin-bottom: 2px;'><i><b><small/></b></i><input onclick='if (this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;) { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;&apos;; this.innerText = &apos;&apos;; this.value = &apos;Hide&apos;; } else { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;none&apos;; this.innerText = &apos;&apos;; this.value = &apos;Lihat Komentar&apos;; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Lihat Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>

Ket :

  •        Silahkan Lo ganti bro tulisan yang Berwarna HIJAU diatas ya bro
     8. Copy Kode di Bawah dan Letakkan Di bawah Kode Yang berwarna MERAH diatas ya 
          bro
</div></div></div>



lebih jelasnya bro akan menjadi seperti ini :


<div><div style='margin-bottom: 2px;'><i><b><small/></b></i><input onclick='if (this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;) { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;&apos;; this.innerText = &apos;&apos;; this.value = &apos;Hide&apos;; } else { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;none&apos;; this.innerText = &apos;&apos;; this.value = &apos;Lihat Komentar&apos;; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Lihat Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>

<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


 </div></div></div>


    9. Tinggal Save Template deh bro, biasanya akan muncul bro setelah Komentar di Blog lo 
         bro Berserakan hehe
selamat mencoba ya bro.

8 komentar: