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']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3U0InF4uKaNvR1nTNq32BkqJhxkY_6UEq15KS16TYKnLyGgl8nS70WRZdBUkWfIwwpOUlj_B9cmnh_kqeb3U3jIqGO6bYWVmQzmMmJuAf51zd0GJsaTYUrNz0-kvjbKLYBkCGRL4ogCop/s1600/avatar.png";
cm_ava['anon']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3U0InF4uKaNvR1nTNq32BkqJhxkY_6UEq15KS16TYKnLyGgl8nS70WRZdBUkWfIwwpOUlj_B9cmnh_kqeb3U3jIqGO6bYWVmQzmMmJuAf51zd0GJsaTYUrNz0-kvjbKLYBkCGRL4ogCop/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 Kommentare:
Kommentar veröffentlichen