Cari Artikel Blog Ini

Total Tayangan Halaman

KOMENTAR PENGUNJUNG AKAN TAMPIL JIKA DI KLIK

Pada sebuah blog yang komentar pengunjungnya sudah banyak, maka halaman blog akan menjadi panjang kebawah sehingga dapat merusak penampilan blog.
Ada satu cara untuk menyembunyikan komentar pengunjung sehingga begitu halaman postingan terbuka, seluruh komentar tidak terlihat/tersembunyi.
Komentar akan terlihat kembali jika pengunjung ingin menampilkannya dengan cara meng-klik tulisan "Lihat / Tutup Komentar" atau apa saja sesuai dengan kalimat yang ditampilkan.
Langkah-langkah untuk membuatnya, silahkan anda ikuti seperti dibawah ini :
  1. Masuk ke Blogger dengan ID anda.
  2. Pilih Tata Letak.
  3. pilih Edit HTML.
  4. Back up dulu templatenya dengan dengan cara klik Download Template Lengkap.
  5. Kasih contreng pada Expand Widget Templates.
  6. Copy seluruh kode dibawah ini kemudian paste tepat diatas kode </head>


    <script type="text/Javascript">
    function togglecomments (postid) {
    var whichpost = document.getElementById(postid);
    if (whichpost.className=="commentshown") {
    whichpost.className="commenthidden";
    }
    else {
    whichpost.className="commentshown";
    }
    }
    </script>

  7. Cari kode ini <dl id='comments-block'> kemudian ganti dengan kode dibawah ini :


    <dl class='commenthidden' id='comments-block'>

  8. Copy kode ini .commenthidden { display:none } .commentshown { display:inline } kemudian tambahkan pada kode seperti dibawah ini (yang berwarna merah itu kode yang harus ditambahkan.


    .deleted-comment {
    font-style:italic;
    color:gray;
    }
    .commenthidden { display:none } .commentshown{ display:inline }
    .feed-links {
    clear: both;
    line-height: 2.5em;
    }
    #blog-pager-newer-link {
    float: right;
    }
    #blog-pager-older-link {
    float: left;

  9. Cari kode seperti ini :


    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h4>
    <b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
    </b:if>
    </h4>

  10. Copy seluruh kode dibawah ini kemudian paste tepat dibawah kode tadi.


    <base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments%20("comments-block")' rel='nofollow'><b> Lihat / Tutup Komentar</b></a></h2></base>

  11. Klik tombol Simpan Template
  12. Lihat komentar pada blog anda akan terlihat jika diklik kalimat "Lihat / Tutup Komentar"
  13. Selamat mencoba, semoga berhasil dan ada manfaatnya...!!


Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
5 Comments

5 komentar :

Gadis liar mengatakan...

bos mo tanya, gimana cara menampilkan komentar yg ke-hidden.

DUNIA POLAR mengatakan...

aku uda prnah nyoba ini tapi di templateku skrg gggak bisa,knp yahhhh???

Fauzan NR mengatakan...

atikelnya bagus-bagus

Fauzan NR [ fhom.blogspot.com ]

Fauzan NR mengatakan...

Saya tunggu kunjungan anda

Fauzan NR [ fhom.blogspot.com ]

NABILA-SAIRA-SHOP mengatakan...

MAAF NUMPANG PROMO HARGA SPESIAL TERBARU 2015 BERBAGAI MACAN MEREK HENDPHONE
SAMSUNG>BLACKBERRYNOKIA>ASUS>LENOVO>ADVAN>SMARTFREN>OPPO>ACER>TOSHIBA>NIKON>DELL>CANON>XIOMI>DLL TERPERCAYA>100% BEBAS RESIKO BEBAS PENIPUAN (Info Pemesanan)CALL/SMS:085757299675>PIN BBM: (24C4A399)
WEB>WWW.NABILA-SAIRA-SHOP.BLOGSPOT.COM

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!