Cara membuat recent comments mode pop up di blogger

Ar-rahim 🇵🇸

Diperbarui: 12 Nov, 2024 • 0 • menit membaca

Daftar Isi

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

Periksa

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

Ar-rahim 🇵🇸 Keindahanmu akan kuabadikan disetiap karyaku.

ICloudice.com