Hello sobat ICloudzer kali ini admin bakalan menjabarkan megenai bagaimana caranya menampilkan notifikasi popup seluruh komentar di blogger atau membuat widget forum di blogger
Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Notifikasi popup
Notifikasi popup didalam dunia website merupakan tampilan yang muncul di dalam website dengan memenuhi sebagaian layar website, entah itu muncul saat di klik ataupun muncul secara otomatis saat suatu halaman website di refresh, nah jika kamu ingin mempelajari serta mengetahui berbagai contoh tampilan notifikasi popup silahkan periksa disini
Fungsi notifikasi popup
Mengenai fungsi notifikasi Popup, memiliki banyak kegunaan dan fungsi tergantung kemampuan pemilik blog dalam membuat dan mengkombinasikan nya, seperti dalam pembahasan kita kali ini notifikasi popup akan admin kombinasikan dengan menampilkan seluruh komentar sehingga tampak seperti laman diskusi para pengunjung
Menggunakan Javascript
Hampir seluruh pembuatan kode dari notifikasi popup all komentar di blogger menggunakan unsur element javascript, jadi segala resiko yang muncul harus anda terima dalam menggunakan kode javascript, semisal pemuatan blog menjadi lambat atau sebagainya, namun jangan juga khawatir mengenai keamanan kode karena 100% unsur kode yang digunakan tidak membahayakan bagi blog anda
Contoh Tampilan
Jika kamu penasaran dengan contoh tampilan notifikasi popup seluruh komentar 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 notifikasi popup seluruh komentar di blogger, silahkan baca dan ikuti setiap arahan artikel ini hingga selesai oke
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>
Info: Kode javascript di atas sudah admin enkripsi secara aman, so jangan mengedit ataupun megubah kode yang sudah admin berikan di atas oke
Kode HTML by Widget
Langkah selanjutnya silahkan salin lagi kode HTML di bawah ini kemudian letakkan di bawah kode <body>
<b:section class='rahcomment-mode' id='rahcomment-mode' showaddelement='false'>
<b:widget cond='!data:view.isPreview and !data:view.isError' id='HTML0531' locked='true' title='Forum diskusi!' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- Widget ini hanya bisa di edit pada menu EDIT HTML template -->]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<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>
</b:includable>
</b:widget>
</b:section>
Info: Kode HTML di atas juga sudah admin sesuaikan dengan kode Javascript dan sudah support mode layout, jika di ubah notifikasi komentar mungkin tidak akan berfungsi, dan juga support mode layout
Kode HTML no Widget
Kemudian untuk mencegah terjadi ke gagalan saat memasang kode HTML yang support mode layout silahkan gunakan kode HTML ini saja, 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>
Info: Kode HTML di atas juga sudah admin sesuaikan dengan kode Javascript dan tidak support mode layout, jika di ubah notifikasi komentar mungkin tidak akan berfungsi, dan juga support mode layout
Tombol Icon
Selanjutnya agar fungsi notifikasi semua komentar 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