Cara Membuat Widget Recent Comment di Blog - Halo Gaes, Kali ini Mimin ingin memberikan Tutorial yang Simple Tapi Keren. Setelah sek...
Apa sih min Fungsi dari Widget ini? Fungsinya adalah agar para pengunjung bisa melihat Comment terakhir yang dilihatnya pada saat itu dan pengunjung bisa menuju ke Artikel dimana Comment yang dilihat terakhir bersarang. ( Mungkin Itu :V ). Selain tampilan yang sederhana dan juga keren, Widget ini tidak akan membuat Blog kalian menjadi Lambat kok :'3 Jadi Tenang Saja~
Cara Membuat Widget Recent Comment di Blog
Nah, sekarang kita masuk ke tahap pembuatan Widgetnya nih.. Silahkan di simak..
1. Masuk ke Blogger > Tata Letak > Tambahkan Gadget (Sidebar) > Pilih "HTML/JavaScipt"
2. Setelah itu Copylah Code dibawah ini dan Pastekan ke Bagian "Konten" pada Gadget.
<style type="text/css" scoped>
ul.zd_recent{list-style:none;margin:0;padding:0;}
.zd_recent li{background:transparent;margin:0 0 6px!important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.zd_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.zd_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:100px;width:35px;height:35px}
.zd_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = False;
maxfeeds=50,
adminBlog='zd';
//]]>
</script>
<script type="text/javascript" src="https://cdn.rawgit.com/Izalfatur1122/CommentWidget/47dc63f1/CommentJS.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=zd_recent&&max-results=50">
</script>
3. Lalu Pilih "Simpan" dan Silahkan di Cek di Blog Kalian~
Nah sekian dari Tutorial Cara Membuat Widget Recent Comment di Blog Saya, Bila ada kesalahan atau kalian bingung silahkan corat-coret dibagian kolom komentar. Sekian dan Terima Kasih.
https://m.youtube.com/watch?v=JC-U5XB0Zls
ReplyDelete