3 Membuat Recent Comment Unik

Widget recent comment adalah salah satu widget yang terpenting ada di blog, karena itu menunjukkan post yang sedang banyak dibicarakan oleh para pengunjung blog. Sobat blogger bisa melihat tampilannya seperti pada gambar di bawah.

Silahkan ikuti langkah-langkah mudah di bawah ini:
  1. Masuk Ke halaman Dashboar > Tata Letak > Elemen Laman.
  2. Klik Add gadget / Tambah gadget.
  3. Pilih HTML / JavaScript.
  4. Copy Pastekan Kode di bawah ini pada elemen HTML / JavaScript.
  5. <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://indolaron-js.googlecode.com/svn/trunk/Recent_Comments_With_Avatar.js"></script>
    <script type="text/javascript" src="http://rolanpippo.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

  6. Simpan dan Lihat hasil nya.
Keterangan : 
  • Angka 5 (warna biru adalah jumlah komentar terakhir yang ingin ditampilkan)
  • angka 30 dan 30 adalah ukuran image avatar komentar postingan blog.
  • Silahkan mencoba bereksperimen sendiri untuk hal-hal lainnya, cobalah.
  • Terus http://rolanpippo.blogspot.com ganti dengan nama blog sobat.

3 komentar:

perpus UM mengatakan...

thanks broo , ini yang emang gue cari"


-->> JUDUL SKRIPSI, TESIS, DISERTASI <<--

Yang sedang bingung dengan judul SKripsi, Tesis, Disertasi
mampir aja kesini... banyak dan lengkap dengan abstrak, artikel dan semua BAB

http://mulok.library.um.ac.id/

Rolan Pasaribu mengatakan...

ok silahkan masbro ... :D

cerdas inovatif mengatakan...

makasih banyak infonya mas broo....
saya pengen bikin recent comments

Posting Komentar