17 February 2010
Hide And Post Comment
hak milik
Sue
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='"comment-author " + 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
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='"comment-author " + 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
