Hello sobat ICloudzer kali ini admin bakalan menjabarkan megenai bagaimana caranya membuat widget recent comments di blogger atau membuat widget forum di blogger
Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Widget recent comments
Apa itu widget recent comments? widget recent comments adalah tampilan yang di buat untuk menampilkan semua komentar terbaru pada blog, nah nantinya tampilan dari widget recent comments di blogger ini akan menggunakan mode pop up dan hanya muncul saat pengguna meng-klik sebuah tombol
Contoh Tampilan
Jika kamu penasaran dengan contoh tampilan dari widget recent comments mode pop up di blogger, silahkan periksa menggunakan tombol di bawah ini
Info: Bagaimana sobat dengan contoh tampilan dari notifikasi popup seluruh komentar tersebut, keren sekali yak
Cara pembuatan
Baiklah sobat ICloudzer sekarang saatnya admin bakalan menjabarkan mengenai cara membuat widget recent comments di blogger, silahkan baca dan ikuti setiap arahan yang bakal admin jabarkan di bawah ini
Kode Javascript
Langkah pertama seperti biasa silahkan salin kode javascript di bawah ini, kemudian letakkan di atas kode </body>
<script>/*<![CDATA[*/
var rahVCmt = 'true'; /* if false comment popup is disable */
rahMaxCmShow = 153; /* maximal comments for showed */
rahMaxNm = 35; /* maximal name lenght */
rahMaxComment = 153; /* maximal comments lenght */
rahWebsiteUrl = 'https://www.icloudice.com/'; /* your url website */
/*]]>*/</script><script src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/rahUserComment53.js'></script><script type='text/javascript'>rahCmpop();</script> Kode HTML
Langkah selanjutnya silahkan salin dan gunakan kode HTML di bawah ini, kemudian taruh di bawah kode <body>
<div class='rahcomment-mode'>
<input class='rahcmck hidden' id='rahOffcmt' type='checkbox'/>
<div class='rahpopcm'>
<div class='rahpopcm_'>
<div class='rahpopcm__'>
<div id='rahCmpopt'></div>
</div>
</div>
<label class='rahFcls' for='rahOffcmt' onclick='vibRate(53)'/>
</div>
</div>Tombol Icon
Selanjutnya agar widget recent comments pop up muncul saat diklik, silahkan salin dan gunakan kode HTML di bawah ini, kemudian letakkan sesuai keinginan kamu aja
<label class='rahOffcmt' for='rahOffcmt' onclick='vibRate(53)'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><line class='rahsvg-C' x1='13.9394' x2='13.9484' y1='10.413' y2='10.413'/><line class='rahsvg-C' x1='9.9304' x2='9.9394' y1='10.413' y2='10.413'/><line class='rahsvg-C' x1='5.9214' x2='5.9304' y1='10.413' y2='10.413'/><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'/></g></svg>
<div id='rahcmTotal'></div>
</label>Info: Misalnya kamu bisa meletakkan nya di menu icon header atau di menu navigasi bawah blog, semoga bermanfaat