Label Cloud

Search This Blog

12 May 2010

online counter Membuat Nombor Pada Komen Dengan Icon / Image

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 .:okay:yahoo
Tinggalkan Komen Anda Disini