Cara Membuat Widget Recent Comment Di Blogger

test On Tuesday 15 March 2016

Cara Membuat Widget Recent Comment Di Blogger - Hi Bloggers . Ketemu Lagi Sama Saya . Kali ini saya akan posting cara membuat recent comment . karna untuk memeriksa komentar terbaru di blog anda harus membuka blogger dulu lalu menu komentar , kan ribet ?

Mending Bikin Widget nya aja untuk memeriksa komentar terbaru . cuma buka blog kalian dan liat widget nya gampang kan :D Ya Langsung Aja Yah KE TKP :

Tutorial :

1. Buka Blogger

2. Pilih Menu Tata Letak

3. Pilih Tambahkan Widget

4. Pilih HTML / Javascript

5. Salin Kode Di Bawah Ini Lalu Paste Kan Di Kolom HTML/JavaScript

<style type="text/css" scoped>

ul.kangismet_recent{list-style:none;margin:0;padding:0;}

.kangismet_recent li{background:none !important;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;}

.kangismet_recent li:hover{border: 1px solid #476481;;}

.kangismet_recent a {text-decoration:none;}

.avatarImage{padding:3px;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:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}

.kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

var

numComments = 4,

showAvatar = true,

avatarSize = 35,

roundAvatar = true,

characters = 40,

defaultAvatar = "https://lh6.googleusercontent.com/-7KPbvU9OlKE/Uy0-3fMD_uI/AAAAAAAACQc/QjfFIZ2mYpU/s40/22.png",

hideCredits = true;

maxfeeds=50,

adminBlog='Faby Fahrizal';

//]]>

</script>

<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>

<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50">

</script>

6. Simpan

NOTE :
Merah : Nama Google / Nama Pemilik Blog
Biru : Jumlah Komentar Yang Akan Di Tampilkan

Terima Kasih Sudah Membaca Postingan Ini :)

Sumber : Buku Daring