Cara Membuat Kumpulan Komentar Plus Avatar

Jumat, 25 Januari 2013
Kawan masih ingat Postingan saya sebelumnya tentang Cara Membuat Kumpulan Komentar I sampai dengan III dan yang terakhir kalau tak salah saya ingat Cara Membuat Kumpulan Komentar berisi Avatar :z; yang akan saya bahas sekarang ini, bentuk dan tampilannya mirip sekali dengan yang sudah ada, Cara Membuat Kumpulan Komentar Plus Avatar ini pertama kali dipublish oleh Mari Bina Blog [Blogger tetangga kita] yang selanjutnya dimodifikasi oleh Blogger Sakahayang dan terakhir sebelum di Publish saya Modif sedikit lagi :w; 

Langsung saja ke Cara Membuatnya :

  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor / Home pilih Tata Letak - Tambah Gadget 
  • Pilih [+] pada HTML / JavaScript
  • Copas Script berikut kedalamnya



<style type="text/css">
#recentcomment{
width:98%;
margin-left:5px}
img.recentcomment-avatar{
background:#fff;
float:right;
height:35px;
width:35px;
border:solid #ddd 1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 0 0 rgba(0,0,0,0.3);box-shadow:0 1px 0 rgba(0,0,0,0.3);
margin:2px -2px 0 0;
padding:2px}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family:'trebuchet ms';
font-size:1.2em!important;
color:#333;
text-decoration:none}
div.recentcomment-content{
font-size:1em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:.03em;
background:#fff;
border:1px solid #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.3);box-shadow:0 1px 0 rgba(0,0,0,0.3);
padding:4px}
</style>
<script type="text/javascript">
ava_mode="all";
var cm_num=10;
var cm_desc=10;
var homepage="http://NAMA BLOG KAWAN.blogspot.com/";
var cm_ava=new Array();
cm_ava['url']="http://4.bp.blogspot.com/-wuvZqR7Zq14/T-MhLgLtZ2I/AAAAAAAAC5I/NdqBzF6Vjf4/s1600/avatar.png";
cm_ava['anon']="http://4.bp.blogspot.com/-wuvZqR7Zq14/T-MhLgLtZ2I/AAAAAAAAC5I/NdqBzF6Vjf4/s1600/avatar.png";
</script>
<div style="height: 276px; overflow: auto; width: 100%;">
<script src="https://sites.google.com/site/blogbegocreation/javascript/recent-comment-avt.js"type="text/javascript"></script>
</div>
  • Angka 10 teks yang berwarna merah adalah jumlah Komentar yang akan ditampilkan
  • Ganti Nama Blog Kawan dengan URL Blog kawan
  • Kalau semuanya sudah OK jangan lupa Simpan Blog kawan

0 komentar:

Posting Komentar