Seperti judul artikel kali ini kita akan menciptakan auto hide komentar di blog. Apakah auto hide komentar yang dimaksud? Auto hide disini yaitu komentar di blog yang dilengkapi dengan fitur Buka Tutup Komentar. Fungsinya yaitu memperingan kerja loading blog terutama untuk loading form komentar di blog.
Semakin cepat loading blog kalian maka semakin user friendly pula blog kalian. Nah pada postingan kali ini kita akan berguru bagaimana cara sederhana menciptakan auto hide komentar di blog. Jika kalian mau tau dapat eksklusif aja simak tutorial dibawah ini kalo gamau tau ya skip aja ke artikel lainnya :p
NB: "Ganti aba-aba yang berwarna merah dengan URL gambar sobat". (Cara ini hanya berlaku untuk kolom komentar standar blogger).
Jika ada pertanyaan dapat ditanyakan di kolom komentar dibawah ini. Oh ya bagi kalian yang ingin memasang kolom komentar yang lebih ringan dapat Memasang Kolom Komentar Disqus di blognya atau membaca artikel Cara Mempercepat Loading Kolom Komentar Blog Sumber https://www.bloggerfenomenal.com/
Semakin cepat loading blog kalian maka semakin user friendly pula blog kalian. Nah pada postingan kali ini kita akan berguru bagaimana cara sederhana menciptakan auto hide komentar di blog. Jika kalian mau tau dapat eksklusif aja simak tutorial dibawah ini kalo gamau tau ya skip aja ke artikel lainnya :p
Cara Membuat Auto Hide Komentar di Blog
- Masuk ke dasbor blogger.
- Masuk ke Tema > Edit HTML.
- Kemudian carilah kode </head>
- Lalu copy paste aba-aba dibawah ini diatas kode </head>
<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><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYI8JuCjrkM5pRTY1AdMr2-yaAACIvj9Qww6bmx9UcI1nQCkbXymsXuRAqJPWFbynBBwrUajgHFaMRjyQRg2VDhue5o_PnywqWEl-mVBABC9xCVidHPZ0PMRZ8Xi8DeQpt1ky6BzjRWmR_/s1600/View+Comment.png'/></a></center>",
closePanelText = "<center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-HqStBvdcaEdSqJ2wYL-elusDcxefU9ZFpv83dZ_wzqNiljsW-LG5keR42R7EoIVN0ZGOiqth3nUXOUf0LbUG7d0FfyaTQJFtUyAtrOkJdILtDwTjBHrlxNuBEuxUyQG0PZeRHKSI5tUi/s1600/Hide+Comment.png'/></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'/>
- Setelah itu copas aba-aba dibawah ini dan taruh diatas aba-aba ]]></b:skin>
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;}
- Jika sudah klik "Simpan"
NB: "Ganti aba-aba yang berwarna merah dengan URL gambar sobat". (Cara ini hanya berlaku untuk kolom komentar standar blogger).
Jika ada pertanyaan dapat ditanyakan di kolom komentar dibawah ini. Oh ya bagi kalian yang ingin memasang kolom komentar yang lebih ringan dapat Memasang Kolom Komentar Disqus di blognya atau membaca artikel Cara Mempercepat Loading Kolom Komentar Blog Sumber https://www.bloggerfenomenal.com/