Label Cloud

Search This Blog

17 February 2010

online counter Hide And Post Comment

Hide dan post comment ni bertujuan untuk meringkaskan pada ruangan komen korang supaya tidak nampak terlalu panjang berjela . Khususnya pada blog yang banyak mendapat komen .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah atau yang seumpama dengannya (Gunakan CTRL+F untuk memudahkan korang mencarinya .


#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#000099;
}



4. Copy kod di bawah dan pastekan di atasnya .


#HideComments {
width: 260px;
font-size: 14px;
background: #FFFFCC;
border:3px solid #342d7e;
font-weight: bold;
padding: 5px;
}



Note : Pada highlight korang tukankan mengikut kehendak korang .



5. Cari kod di bawah ini


</head>



6. Copy kod di bwah dan pastekan di atasnya atau sebelumnya .


<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Klik Sini Untuk Korang Lihat Komen";
}
else {
ele.style.display = "block";
text.innerHTML = "Tutup Balik";
}
}
</script>



Note: Pada highlight korang tukarkan yang bersesuaian .


7. Tambahkan kod yang dihighlight di bawah .

Note: Pada highlight biru korang tukarkan ngan ayat yang sama seperti no 6



<div id='HideComments'>
<a href='javascript:toggle();' id='displayText'>Klik Sini Untuk Korang Lihat Komen</a>
</div>
<div id="toggleText" style="display: none;">

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

</div>



8. Preview dan Save Template jika tiada error .


Note: Lakukan ngan berhati - hati . Korang tengok betul - betul dan copy kod betul - betul . Semoga berjaya .


Via - Muncet





Tinggalkan Komen Anda Disini