Cara Membuat Widget Recent Comment Terbaru

Widget Recent Comment atau Komentar Terbaru akan sangat berguna bagi pengunjung maupun admin blog karena sama-sama menguntungkan yaitu pengunjung bisa tahu apa yang baru-baru ini sedang dikomentari. Dan bagi admin blog, akan menambah pageview / tampilan halaman blog.

Gb. Tampilan Recent Comment di blog Belajar Segala TRIK

Gambar diatas adalah tampilan widget komentar terbaru dengan menggunakan avatar/foto disamping komentar. Disini BeST akan memberikan Trik terbaru membuat widget recent comment di blogger menggunakan avatar ataupun tanpa avatar.

|> Cara Buat Recent Comment dengan Avatar atau tanpa Avatar :

1. Login ke Blogger
2. Masuk ke Dasboard --> Tata Letak --> Pilih Tambahkan Gadget
3. Pilih HTML/JavaScript lalu copy semua kode dibawah ini dan paste di kotak tadi.

<style type="text/css">

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

    .w2b_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;}

    .w2b_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;}

    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;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 = 30,

    defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",

    hideCredits = true;

    //]]>

    </script>

    <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>

    <script type="text/javascript" src="http://belajarall.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

KETERANGAN:

• NumComments adalah jumlah komentar yang ingin anda tampilkan
• ShowAvatar , pilih true jika ingin avatat ditampilkan, pilih false jika tanpa avatar
• AvatarSize adalah ukuran foto/avatar
• RoundAvatar pilih true jika ingin avatar berbentuk bulat, dan ganti false jika normal
• Characters: jumlah kalimat / komentar yang ingin ditampilkan
• Ganti url belajarall.blogspot.com dengan url blog anda!

Sekarang klik simpan dan lihat hasilnya! Semoga berhasil dan salam sejahtera ^_^. Tinggalkan komentar ya :)

demikianlah artikel tentang Cara Membuat Widget Recent Comment Terbaru. Semoga bermanfaat untuk Anda. Jika ada hal yang ingin ditanyakan, silahkan berkomentar. Dan jika Anda menyukai artikel ini, silahkan klik tombol share di bawah. Terima kasih..! ;)

Tweet