informasi terbaru,tutorial

Minggu, 25 Mei 2014

Cara Membuat Widget Recent Comment di Blog

Cara Membuat Widget Recent Comment di Blog - halo sahabat blogger kalini saya ingin berbagi Cara Membuat Widget Recent Comment di Blog bagi agan2 yang berminat untuk menggunakan recen comment ini bisa di lihat di bawah ini.

-Login ke Akun Blogger anda

-Masuk ke Menu Tata Letak

-Klik Tambahkan Gadget lalu Pilih HTML/JavaScript

-Salin dan Pastekan kode dibawah ini dan letakan di gadget yang anda pilih tadi.
<div style="overflow:auto;width:300px;">
<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: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 4,
showAvatar = true,
avatarSize = 40, roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://cucu-google.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script></div>
5. Klik Simpan dan Selesai.

Keterangan:
* Nama http://cucu-google.blogspot.com/ yang ada di kode/script widgetnya bisa di dengan nama website/blog sobat sendiri
* Untuk jumlah komen yang akan di tampilkan bisa diatur sesuai keinginan sobat blogger.

sekian dari saya semoga tutorial Cara Membuat Widget Recent Comment di Blog di atas bisa bermanfaat buat temen2 semua.

Cara Membuat Widget Recent Comment di Blog Rating: 5 Diposkan Oleh: imamul m

0 komentar:

Posting Komentar