Cara Membuat Recent Comment
Karena tidak ada acara apa-apa .Langsung saya update tutorial lagi. Kali ini yang saya bahas adalah Cara Membuat Recent Comment. Recent Comment dalam bahasa Indonesia adalah komentar terbaru. Widget recent comment ini menampilkan komentar dari pengunjung blog. Widget ini bisa untuk menyenagkan pengunjung yang berkomentar karena komentar dia akan tampil di widget recent comment. Dengan begitu bisa saja blog anda akan dibanjiri dengan komentar. Tampilan dari widget recent comment ini seperti yang ada disidebar blog saya. berikut screenshotnya
Untuk cara membuatnya ikuti tutorialnya berikut
Untuk cara membuatnya ikuti tutorialnya berikut
- Login ke akun blogger anda
- Klik Tata letak > tambah gadget
- Scroll kebawah klik HTML/Javascripst
- Letakkan kode dibawah ini di kotak javascripst
<style type="text/css">
ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}
.sakahayang_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.sakahayang_recent_comments li .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;}
.sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.sakahayang_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=20,
adminBlog='Rahmat Krisdianto';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://antok-cyber.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
- Klik save dan lihat hasilnya
- tulisan berwarna kuning ganti dengan nama anda. karena agar komentar anda tidak tercantum di widget tersebut.
- tulisan berwarna biru ganti dengan URL Blog anda.
Article : Cara Membuat Recent Comment
0 comments:
Post a Comment
Berkomentarlah dengan sopan sesuai topik pembahasan, jangan mencantumkan link aktif.