Recent Comments Dengan Avatar


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 avatar disamping komen yang dibuat


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://teknikbuatblog.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://teknikbuatblog.blogspot.com/2013/08/widget-komen-terbanyak-dengan-avatar.html" target="_blank"> <center><font color="blue">**Dapatkan widget ini**</font></center> </a></span> 

Nota:
Tukarkan teknikbuatblog 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 @ way2blogging.org



Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

http://teknikbuatblog.blogspot.com/2013/08/recent-comment-dengan-avatar.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
Cara Pasang Expandable Recent Comments

Cara Pasang Expandable Recent Comments

papar berkaitan - pada 12/11/2021 - jumlah : 136 hits
Widget Recent Comments adalah Widget Blogger baru yang menampilkan ulasan pembaca bersama sama dengan Tarikh dan masa Widget ini yang sangat menarik yang membolehkan anda mudah melihat kandungan anda tidak perlu klik pada pautan tajuk atau ...
Widget Komen Terbanyak Dengan Avatar

Widget Komen Terbanyak Dengan Avatar

papar berkaitan - pada 12/11/2021 - jumlah : 115 hits
Widget ini adalah untuk memaparkan terbanyak diblog Yang menarik tentang widget ini adalah ia mempunyai avatar disamping bilangan komen Pemasangannya adalah bagi menggalakan pengunjung memberi komen pada artikel diblog anda Cara pemasangann...
Oriental Kopi Klcc Port Minum Kopi Terbaru

Pasar Raya Flagship Jaya Grocer Di Sunway Pyramid Tarik Pengunjung Dengan Penampilan Serba Baharu

U Mobile The New Ali Baba Contractor For The Second 5g Network Tender

Rachel Zegler S Legs And Feet In Tights 6

Panas Artis Wanita Malaysia Ditahan Polis Thailand Turut Ditemukan 6 000 Biji Pil Kuda

The Celebrity Legs And Feet In Tights 2024 Pantyhose Queen Poll Full Contender List

Projek Tebatan Banjir S Ngor Gagal Rugi Besar

Iphones Dalam Bahaya Amaran Baru Peretasan Sasarkan Peranti Apple


echo '';
Info Dan Sinopsis Drama Berepisod Senyawa iQIYI Malaysia

Info Dan Sinopsis Drama Berepisod Project Projek Exit Astro Originals

Pelajari Asal Usul Nama Makhluk Seram Kisah Fiksyen Barat Yang Terkenal

10 Fakta Filem Kahar Kapla High Council Yang Ramai Tak Tahu Prekuel Drama Project Projek High Council

Anugerah Seri Angkasa 2024 Senarai Keputusan Pemenang Calon Top 5 Kategori Hadiah Persembahan Penyampai Trofi Dan Segala Info ASA 36


Larangan Menjalinkan Hubungan Sulit Dengan Suami Isteri Orang

12 Cawangan Ahmad S Fried Chicken Yang Semakin Mengganas Di Pasaran

Drama One Cent Thief 2

Jadual Tarikh Pembayaran Pencen Tahun 2025

Biodata Vivy Yusof Usahawan Ikon Fesyen Malaysia

Gantung Jawatankuasa Bersatu Bahagian Bentong Bendahari Bersama 40 Ahli Umum Keluar Parti