Airmata kerana sahabat 1 pengorbanan, Airmata kerana ibubapa 1 penghormatan, Airmata kerana kekasih 1 penyesalan, airmata kerana Allah S.W.T 1 keberkatan

Blog ini hanya sesuai ditonton oleh mereka yang berusia 18 tahun ke atas sahaja kerana kandungannya yang HOT ! , EKSTREM , SERAM & Berbau LUCAH (bau je). Blog ini bukan Blog LUCAH. HARAP MAKLUM !. Sebelum korang nak terjah Blog aku,lebih baik korang baca dulu DISCLAIMER diatas. TQ!

CARIAN MINDA ! !

BUAT RECENT KOMEN DENGAN AVATAR PADA BLOG


Recent comments adalah widget bagi memaparkan komen yang diterima pada posting blog anda.Kebiasaannyanya Cuma dalam bentuk teks sahaja,tapi kali ini agak menarik kerana akan memaparkan avatardisamping komen yang dibuat.

recent comments




Cara membuatnya:
1.Masuk ke dashboard blogger,pilih layout dan klik add a gadget





2.pada paparan scroll ini pilih HTML/Javascript





3.masukkan kod berikut padanya

<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  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" https://sites.google.com/site/teknikbuatblog/tbb/tbbcirclecomment.js"></script>
<script type="text/javascript" src="http://syamimmokhtar.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script></div></div>
<span style="font-size:10px;"><a href="http://syamimmokhtar.blogspot.com/2013/12/buat-recent-komen-dengan-avatar-pada.html" target="_blank"> <center><font color="blue">**Dapatkan widget ini**</font></center> </a></span> 


Nota:

Tukarkan syamimmokhtar pada kod dengan nama blog anda
Tukarkan nilai “5” bagi memaparkan jumlah komen yang hendak dipaparkan
numComments  = 5 
dan
&max-results=5 
Untuk menukar saiz avatar ubah nilai 60 pada kod diatas.

Kredit untuk Hrish 

Tiada ulasan:

Catat Ulasan

KOMEN SIKIT TENTANG POST INI !