Hello sobat ICloudzer kali ini admin bakalan menjelaskan mengenai cara membuat notifikasi popup semua komentar beserta gambar profile di blogger
Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Notifikasi semua komentar
Notifikasi semua komentar merupakan suatu tampilan yang di buat khusus untuk menampilkan seluruh komentar blog menjadi satu, sehingga hasil komentar layaknya forum diskusi, dan secara otomatis kometar baru di blog akan di tampilkan pada notifikasi popup semua komentar beserta gambar profile, dan pembahasan sebelumnya juga admin telah memposting artikel mengenai cara membuat notifikasi semua komentar (mode popup) tanpa menggunakan profile, silahkan pelajari disini, hampir hampir serupa namun jelas script kode yang di gunakan berbeda
Contoh Tampilan
Nah Admin telah menyediakan contoh demo pada pembahasan kita kali ini mengenai cara membuat notifikasi semua komentar menggunakan photo profile di blogger, silahkan periksa menggunakan tombol di bawah ini oke
Info: Contoh tampilannya keren sekali yak
Cara pembuatan
Baiklah sobat sekarang saatnya admin menjabarkan mengenai cara membuat notifikasi popup atau mengambang semua komentar beserta gambar profile di blogger, silahkan kamu baca dan ikuti lah setiap arahan yang bakalan admin jelaskan di bawah ini
- Login ke akun blogger milikmu
- Selanjutnya pergi ke menu Theme atau Tema, kemudian pilih lagi menu Edit HTML
- Silahkan salin kode javascript di bawah ini kemudian taruh atau letakkan di atas kode </body>
- Selanjutnya agar notifikasi popup semua komentar beserta profile gambar nya muncul, silahkan salin dan gunakan kode HTML di bawah ini, kemudian letakkan sesuai keinginan kamu aja
<label for='rahPopcmck'><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></label>
Info: Misal kamu menaruhnya pada bagian icon header, atau menu navigasi bawah blog juga bisa, dimana aja asalkan hatimu senang
- Jika sudah silahkan kamu save template, dan lihat bagaimana hasilnya
<script type="text/javascript">
//<![CDATA[
var rahTampilkanCm = 100; /* Maksimal komen yang di tampilkan */
var rahTampilkanProfileCm = true; /* kalau false maka profile akan tidak di tampilkan */
var rahProfileSizeCm = 100; /* Setel ukuran gambar profile */
var rahmaxCm = 530; /* maksimal panjang komentar */
var rahAdmCm = "Muhammad Rahmat"; /* jika diisi nama profile admin pemilik blog, maka setiap komentar tersebut tidak akan di tampilkan */
//]]></script>
<script src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/rahProfcm53.js'></script>
<script type='text/javascript' src='https://www.icloudice.com/feeds/comments/default?alt=json&callback=rahProfileCm&max-results=53'></script>
Info: Kode di atas bisa kamu edit seusai text penjelasan yang tertera di sebelah kanan kode okay