Membuat widget recent comments menggunakan avatar

Hello sobat ICloudzer kali ini admin bakalan menjelaskan mengenai cara membuat recent comments menggunakan Avatar mode pop up di blogger

Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Widget recent comments

Pada postingan sebelumnya admin sudah membahas mengenai cara membuat widget recent comments mode pop up di blogger silahkan di pelajari jika belum mengetahui mengenai apa itu widget recent comments? intinya widget recent comments yang admin posting kali ini sama seperti yang sebelumnya, hanya saja widget recent comments kali ini di tambahkan fitur avatar, sehingga setiap pengguna yang berkomentar akan di ketahui melalui avatar atau gambar profilnya

Contoh Tampilan

Nah admin telah menyediakan contoh tampilan dari widget pop up recent comments dengan menggunakan avatar di blogger, silahkan periksa menggunakan tombol di bawah ini oke

Periksa

Cara pembuatan

Baiklah sobat sekarang saatnya admin jelaskan mengenai cara membuat widget recent comments menggunakan avatar di blogger mode pop up, silahkan di baca dan di ikuti setiap arahan yang bakal admin jelaskan di bawah ini

1. Login ke akun blogger milikmu
2. Selanjutnya pergi ke menu Theme atau Tema, kemudian pilih lagi menu Edit HTML
3. Silahkan salin kode javascript di bawah ini kemudian taruh atau letakkan di atas kode </body>

<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 teks penjelasan yang tertera di sebelah kanan kode script okay

4. Selanjutnya agar wodget recent comments beserta Avatar muncul saat di klik, 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, di mana aja asalkan hatimu senang, hehehe

5. Jika sudah silahkan kamu simpan template, dan lihat bagaimana hasilnya