Pasang Widget Recent Comment Blogger Terbaru 2022

Kode Warna HTML - CSS

Assalamualaikum warahmatullahi wabarakatuh. Selamat malam sobat semua semoga dalam keadaan sehat dan tetap semangat.

Komentar merupakan salah satu elemen penting dalam sebuah blog ataupun website yang berfungsi sebagai wadah interaktif sebuah media. Namun terkadang admin agak kesulitan memoderasi setiap komentar yang ada.

Recent Comment (komentar terbaru) merupakan sebuah widget yang sangat membantu admin blog dalam memantau setiap komentar pada postingan blog.

Pada postingan ini kami akan membagikan tutorial memasang widget recent comment pada blogger yang dapat dilakukan dengan mudah dan cepat.

Tutorial Pasang Widget Recent Comment Blogger Terbaru

1. Login ke akun blogger kemudian pilih menu Tata Letak, kemudian klik Add Gadget lalu pilih HTML/JavaScript.
2. Kemudian copy kode di bawah ini dan pastekan ke HTML/JavaScript tadi.

   
   <style type="text/css"> 
   ul.dzul_komentar{list-style:none;margin:0;padding:0;} 
   .dzul_komentar li{background:none !important;margin:0 0 6px !important;padding:0px  
   !important;display:block;clear:both;overflow:hidden;list-style:none; max-height: 100px;font-size:90%;} 
   .dzul_komentar a {text-decoration:none;}
   .avatarImage{background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px 
   #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} 
   .avatarRound{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:38px;height:38px} 
   .dzul_komentar li span{margin-top:0px;display: block;font-size:80%} 
   </style>
   <script type="text/javascript">
   //<![CDATA[
       var
    numComments  = 5,
    showAvatar  = false,
    avatarSize  = 38,
    roundAvatar = true,
    characters  = 40,
    defaultAvatar  = "https://id.gravatar.com/userimage/20253351/b9a276dcb29153661b7a3521f2882989.png",
    hideCredits = true;
    maxfeeds=45,
    adminBlog='Pak DZ';
   //]]>
   </script>
   <script type="text/javascript"  src="https://cdn.jsdelivr.net/gh/dzulcyber/js@e07716a82560efeb04a4bc5fab9da8756a56c3b9/recent_comment.js"></script>
   <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=dzul_komentar&&max-results=50">
   </script>
       

   Atur CSS sesuai kebutuhan dan atur juga settingan seperti:
• numComments = 5 (Jumlah komentar yang akan ditampilkan)
• showAvatar = false (Munculkan avatar, jika iya ketik true jika tidak ketik false)
• avatarSize = 38 (ukuran avatar)
• roundAvatar = true (ketik true/false)
• character = 40 (Jumlah karakter yang ditampilkan)
• adminBlog ='Pak DZ' (nama admin yang ditulis tidak akan ditampilkan)
3. Selanjutnya klik Simpan.