Cara Membuat Lihat dan Sembunyikan Komentar
Pasti salah satu atau malah hampir semua postingan blog kita mendapat komentar yang banyak, sehingga halaman blog kita menjadi semakin panjang. Jika ada seratus komentar, bisa dibayangkan halaman post tersebut akan memanjang ke bawah. Oleh sebab itulah, kita bisa memakai cara ini, yaitu membuat perintah perlihatkan dan sembunyikan komentar.
Sayangnya di bloggger.com atau blogspot belum ada fitur untuk mengatur (setting) jumlah komentar yang ditampilkan seperti di wordpress. Komentar yang banyak bisa ditampilkan menjadi beberapa halaman, misalnya 10 komentar terbaru, dan 10 komentar sebelumnya tidak ditampilkan hanya diberi tautan 'komentar sebelumnya'. Di blogspot sendiri untuk fitur seperti itu hanya berlaku jika komentar lebih dari 200, atau per 200an. Oleh sebab itulah trik ini bisa menjadi alternatif.
Nantinya akan tautan (link) di bawah area post, yaitu pilihan untuk LIHAT KOMENTAR, ketika link itu diklik, maka komentar-komentar akan terlihat. Kemudian saat komentar tampil maka link LIHAT KOMENTAR akan berganti SEMBUNYIKAN KOMENTAR. Penasaran untuk mencoba? Simak cara menampilkan dan menyembunyikan (show and hidden) komentar, berikut ini:
Cara Menyembunyikan dan Menampilkan Komentar
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode ]]></b:skin> lalu taruh kode berikut di atasnya
5. Cari kode </head> lalu taruh kode berikut di atasnya
6. Simpan template jika sudah selesai
Dengan memasang show hidden atau tampilankan dan sembunyikan komentar, semakin membuat space blog menjadi lebih hemat. Tentu pembaca bisa lebih fokus pada postingan blog sebelum melihat atau memberi komentar.
Sayangnya di bloggger.com atau blogspot belum ada fitur untuk mengatur (setting) jumlah komentar yang ditampilkan seperti di wordpress. Komentar yang banyak bisa ditampilkan menjadi beberapa halaman, misalnya 10 komentar terbaru, dan 10 komentar sebelumnya tidak ditampilkan hanya diberi tautan 'komentar sebelumnya'. Di blogspot sendiri untuk fitur seperti itu hanya berlaku jika komentar lebih dari 200, atau per 200an. Oleh sebab itulah trik ini bisa menjadi alternatif.
Nantinya akan tautan (link) di bawah area post, yaitu pilihan untuk LIHAT KOMENTAR, ketika link itu diklik, maka komentar-komentar akan terlihat. Kemudian saat komentar tampil maka link LIHAT KOMENTAR akan berganti SEMBUNYIKAN KOMENTAR. Penasaran untuk mencoba? Simak cara menampilkan dan menyembunyikan (show and hidden) komentar, berikut ini:
Cara Menyembunyikan dan Menampilkan Komentar
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode ]]></b:skin> lalu taruh kode berikut di atasnya
a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;
}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
}a.openpanel.active {background-color:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;
}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}
}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
}a.openpanel.active {background-color:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;
}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}
5. Cari kode </head> lalu taruh kode berikut di atasnya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "<center><b>LIHAT KOMENTAR</b></a></center>",
closePanelText = "<center><b>SEMBUNYIKAN KOMENTAR</b></a></center>",
slideDownPanelSpeed = 800,
slideUpPanelSpeed = 300;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://misbahudin-dcaesga.googlecode.com/files/show-hide.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "<center><b>LIHAT KOMENTAR</b></a></center>",
closePanelText = "<center><b>SEMBUNYIKAN KOMENTAR</b></a></center>",
slideDownPanelSpeed = 800,
slideUpPanelSpeed = 300;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://misbahudin-dcaesga.googlecode.com/files/show-hide.js' type='text/javascript'/>
6. Simpan template jika sudah selesai
Dengan memasang show hidden atau tampilankan dan sembunyikan komentar, semakin membuat space blog menjadi lebih hemat. Tentu pembaca bisa lebih fokus pada postingan blog sebelum melihat atau memberi komentar.
nyoba ah
BalasHapusbagus tutorialnya, bisa menghemat ruang blog biar tidak terlalu kebawah.
BalasHapusow terima kasih sekali atas ini
BalasHapustips yang bagus gan sepertinya mempercepat loding juga ya
BalasHapusterima kasih sudah berbagi informasinya
BalasHapuswah,,boleh juga nih untuk di coba,,terima kasih untuk infonya
BalasHapusterima kasih sudah berbagi ilmunya,,
BalasHapusartikel yang bermanfaat terima kasih sudah berbagi infonya
BalasHapusinfo yang bermanfaat sekali,,terima kasih sudah share ilmunya
BalasHapusterima kasih sudah berbagi ilmunya,,,saya coba gan
BalasHapuswah,,boleh juga nih di coba,,,terima kasih untuk infonya
BalasHapusnice post,,terima kasih sudah berbagi infonya
BalasHapusboleh juga untuk di coba,,terima kasih untuk infonya
BalasHapusnice infonya,,terima kasih
BalasHapusMakasih banyak Bro infonya
BalasHapusTipsnya sangat bermanfaat nih,, thank you Brada
BalasHapusmantap nih untuk di pasang d blog........
BalasHapusmakasihhh yoo udh berbagi ilmunya. :D
BalasHapusMantaaapppppp kawan infonya.........
BalasHapusblog walking Gan,, :) isi artikelnya sangat brmanfaat..
BalasHapusoohh begitu ternyata,, sip dehhhhhhhh
BalasHapuswaahhhh boleh nih dicoba,, terimakasih
BalasHapusmudah juga kayaknya,, thank you
BalasHapuscoba dulu..
BalasHapusane copy.. ya trik nya
BalasHapusijin bukmak dulu, gan! sapa tau nanti perlu. Thanks sharingnya
BalasHapusOOT nih sob, cara bikin font seperti globe berputar itu gimana sob (kanan atas dibawah search)
BalasHapusasyik banget infonya, ...
BalasHapusberbagi info kesehatan boleh juga kan, ....
terima kasih sudah berbagi ilmunya gan,,,bermanfaat sekali
BalasHapusthank gan to infonya... sangat bermanfaat sekali :)
BalasHapusterimakasih kang tipsnya..
BalasHapusasyyiikkkkk,, thx bro
BalasHapusboleh nih dicoba
BalasHapussippp deh,, nice tips
BalasHapusijin nyimak Brad :)
BalasHapusthx Gan nih, bermanfaat
BalasHapustutornya bermanfaat Sob..
BalasHapusini bisa buat d wordpress gak???
BalasHapustutorialnya saya simak Gan,, sip deh
BalasHapusThank's infonya gan
BalasHapustapi untungnya ada orang2 yang ahli dalam hal codings ehingga di blogger pun bisa diakali komentarnya seperti wordpress
BalasHapusnice share
Thank you for the information. Very helpful as a reference to science. Expected to visit! ...
BalasHapusthx you for information.. :)
BalasHapuskok saya gak bisa...
BalasHapusMantap gan infonya
BalasHapusBagus banget gan
BalasHapusDicoba gan :D
BalasHapusbagus gan makacce gan
BalasHapusok deh gan .. tks buat infonya ,,,
BalasHapusthanks berguna banget
BalasHapusoh iya
nih ada berita dan info menarik unik dan aneh terupdate dan di jamin 100% beda , asli original.
http://webunic.blogspot.com/
Makasih banyak gan atas infonya, sangat bermnafaat ^_^
BalasHapushttp://rohmatullahh.blogspot.com/
terima kasih atas ilmu yg sangat bermanfaat sekali
BalasHapusok bagus
BalasHapuswoke bener
BalasHapuslagi nyari caranya nieh
BalasHapusMantap infonya gan http://goo.gl/EIaxRg | http://goo.gl/Uwy541
BalasHapuswah, nemu juga akhirnya disini, thanks banget sobat
BalasHapusBagaimana untuk blog ane gan...
BalasHapussetelah ane ganti template, komentar dari pengunjung itu gk bisa di tampilkan, tapi untuk kotak komentar dan jumlah komentarnya tampil...
mohon solusi gan.....
ini work ga gan?
BalasHapusMantap.. Di coba dulu
BalasHapuskalo kotak komen yang seperti situs detikcom mohon dibagi infonya om
BalasHapusCara yang ampuh untuk menghancurkan wasir peyakit ambeien tanpa operasi, pendek dan pengobatan yang kuat
BalasHapusmakasih gan
BalasHapus