Cara Membuat Kumpulan Komentar berisi Avatar

Senin, 19 November 2012
Kawan masih ingat dengan postingan saya tentang Cara Membuat Kumpulan Komentar Bag-III yang sekarang ini sudah tak berfungsi lagi, :x; kemungkinan W2B yang punya sudah menghapus filenya atau memindahkan tempat menyimpannya yang menyebabkan menjadi macet, tapi kawan jangan kecewa karena sekarang saya akan berbagi dengan kawan Cara Membuat Kumpulan Komentar berisi Avatar, untuk Demonya kawan bisa lihat pada Kumpulan Komentar Blog saya ini 

Cara membuatnya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Tata Letak
  • Selanjutnya Pilih Tambah Gadget - HTML / JavaScript 
  • Copas Kode berikut kedalamnya
<style type="text/css">
ul.bbc_recent_comments{
list-style:none;
margin:0;
padding:0;
}
.bbc_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;
border-bottom:1px solid #999;
}
.bbc_recent_comments li .avatarImage{
padding:3px;
background:#fefefe;-webkit-box-shadow:2px 2px 2px #999;-moz-box-shadow:2px 2px 2px #999;box-shadow:2px 2px 2px #999;
border:1px solid #999;
float:left;
margin:0 6px 0 0;
position:relative;
overflow:hidden;
}
.bbc_recent_comments li img{
padding:0px;
position:relative;
overflow:hidden;
display:block;
}
.bbc_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= 25,
showAvatar   = true,
avatarSize   = 40,
characters   = 150,
showMorelink = true,
moreLinktext  = "More",
defaultAvatar = "http://4.bp.blogspot.com/-wuvZqR7Zq14/T-MhLgLtZ2I/AAAAAAAAC5I/NdqBzF6Vjf4/s1600/avatar.png",
hideCredits     = false;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/blogbegocreation/javascript/bbc_recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://blogbego-creation.blogspot.com/feeds/comments/default?alt=json&callback=bbc_recent_comments&max-results=25"></script>


  • Silahkan ganti teks yang berwarna biru dengan URL / Link Avatar kawan 
  • Silahkan ganti teks yang berwarna merah [URL / Link saya] dengan URL / Link Blog kawan
  • Simpan Blog kawan


0 komentar:

Posting Komentar