12 May 2010
Membuat Nombor Pada Komen Dengan Icon / Image
hak milik
Sue
Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Membuat Nombor Pada Komen Dengan Icon / Image
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .
<dl id='comments-block'>
4. Copy kod dibawah .
<script type='text/javascript'>var CommentsCounter=0;</script>
5. Pastekan dibawahnya seperti contoh dibawah .
<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>
6. Cari kod di bawah
<data:commentPostedByMsg/>
7. Copy kod dibawah .
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
8. Pastekan dibawahnya
9. Cari kod di bawah
</head>
10. Copy kod dibawah .
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>
Note: Tukarkan yang dihighlight Contoh Background yang boleh korang gunakan dibawah ini
Note Tambahan : Klik Kanan pada salah satu image / icon diatas - Properties dan copy image address / image location
11. Pastekan diatasnya
12. Preview dan Save template .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .
<dl id='comments-block'>
4. Copy kod dibawah .
<script type='text/javascript'>var CommentsCounter=0;</script>
5. Pastekan dibawahnya seperti contoh dibawah .
<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>
6. Cari kod di bawah
<data:commentPostedByMsg/>
7. Copy kod dibawah .
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
8. Pastekan dibawahnya
9. Cari kod di bawah
</head>
10. Copy kod dibawah .
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>
Note: Tukarkan yang dihighlight Contoh Background yang boleh korang gunakan dibawah ini
Note Tambahan : Klik Kanan pada salah satu image / icon diatas - Properties dan copy image address / image location
11. Pastekan diatasnya
12. Preview dan Save template .