Daftar Isi





Minggu, 22 Juli 2012

Menyembunyikan Komentar

Menyembunyikan komentar sangat berguna terutama untuk blog yang sering kebanjiran komentar dari pengunjung seperti blognya Kang Rohman, Fatih Syuhud atau Joko Susilo. Dengan menyembunyikan komentar dapat menambah ruang pada blog. Cara kerjanya sepeti ini : komentar dari pengunjung akan disembunyikan dan akan muncul apabila anda atau pengunjung menge-klik tulisan "Lihat Komentar".
Cara menyembunyikan komentar :
(dikopas dari Blog Cyntia Site's)
  1. Login ->> Tata Letak ->> Edit HTML

  2. Klik di Expand Widget template cari kode berikut ini
    .feed-links {
    clear: both;
    line-height: 2.5em;
    margin-left: 13px;
    }
  3. Copy paste kode berikut ini diatasnya :
    .commenthidden {
    display:none }
    .commentshown {
    display:inline }
  4. Kemudian cari </head> copy paste kode berikut ini diatasnya :
    <script type='text/Javascript'> function togglecomments (postid) { var whichpost = document.getElementById(postid); if (whichpost.className==&quot;commentshown&quot;) { whichpost.className=&quot;commenthidden&quot;; } else { whichpost.className=&quot;commentshown&quot;; } } </script>
  5. Kemudian cari kode berikut :
    <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'>
    atau Kode
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'>
  6. Copy Paste Kode berikut ini diatasnya
    <base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments (&quot;comments-block&quot;)' rel='nofollow'><b> <center><blink>Lihat Komentar</blink></center></b></a></h2></base> <dl class='commenthidden' id='comments-block'><br/>
    cari kebawah lagi sampai pada kode berikut ......................
    .......................................................................................
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    </b:loop>
    </dl>
    </dl>
  7. Simpan Template dan coba hasilnya!
    Keterangan :
    • Cari warna biru dengan Ctrl + F atau F3
    • Warna Merah "Lihat Komentar" dapat diganti sesuai keinginan anda
    • Warna Biru  </dl> adalah kode penutup yang harus ditambahkan. 
 Selamat Mencoba!

Tidak ada komentar: