JUDUL : KOMENTAR PENGUNJUNG AKAN TAMPIL JIKA DI KLIK
Artikel Terkait
- Cara memasang komentar terbanyak
- Cara mengganti warna kotak komentar
- Gambar berpindah oleh gerakan mouse
- Cara Membuat tulisan terbalik
- Huruf Besar Tampilan Pada Awal Postingan
- Menambah gambar pada judul postingan
- Postingan tampil halaman pertama
- Membuat widget copy artikel
- Postingan dengan DROPDOWN menu
- Mengubah background judul postingan
----------------------------------------------------------------------------------
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 :
- Masuk ke Blogger dengan ID anda.
- Pilih Tata Letak.
- pilih Edit HTML.
- Back up dulu templatenya dengan dengan cara klik Download Template Lengkap.
- Kasih contreng pada Expand Widget Templates.
- 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> - Cari kode ini
<dl id='comments-block'>kemudian ganti dengan kode dibawah ini :
<dl class='commenthidden' id='comments-block'> - 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; - 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> - 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> - Klik tombol Simpan Template
- Lihat komentar pada blog anda akan terlihat jika diklik kalimat "Lihat / Tutup Komentar"
- Selamat mencoba, semoga berhasil dan ada manfaatnya...!!
By : Bang Udin
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :
- Cara membuat link berkedip ketika cursor melintas
- Cara Membuat Effect Snow Atau Tabur Salju Di Blog
- Cara Intalasi Windows Seven ( 7 ) Lengkap
- Code Rahasia Semua Type Handphone Lengkap
- Cara Daftar Dan Merubah Domain Blogspot Ke .CO.TV
- Cara Membuat Cursor Bertabur Bintang
- Cara Pasang Meta Tag Di Blogger SEO Friendly
- Cara Memasang Share Pack (Share Post To Social Boo...
- Cara memasang sharing is sexy di blogspot
- Cara Membuat Taskbar Ato Toolbar Melayang Di Blog
- Cara Membuat Shoutmix Tersembunyi
- Cara Membuat Link Warna - Warni Pelangi Di Blog
- Cara pasang video di blog
- Cara Membuat Link Berkedip Warna Warni
- Tempat Ganti Code Warna
- Cara Menu Tab View di Samping
- Cara Membuat Tulisan / text Berkedip
- Cara Membuat Menu Melayang
- Efek Marquee untuk Banner Berjalan
- Salam Pembuka Sesuai Dengan Settingan Waktu
- Mengganti Icon Blogger
- Cara membuat addres bar berjalan
3 Comments
