Ần / Hiện Comment Form

Ứng dụng từ thủ thuật Ẩn / Hiện bài viết của Phan Dũng, hôm nay mình sẽ hướng dẫn các bạn cách tạo button ẩn/hiện form comment cho Blogspot. Với thủ thuật này bài viết sẽ trở nên gọn gàng hơn, nhất là đối với những bài viết dài.

Hình minh họa :

Trước khi ẩn comment form

Sau khi ẩn comment form

* Sau đây là cách thực hiện :

1. Vào Thiết kế > Chỉnh sửa HTML > Click chọn Mở rộng mẫu tiện ích

2. Tìm đoạn code có dạng :

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

3. Chèn đoạn code được in đậm như bên dưới :

<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="text-decoration : none;float:left;padding-right:5px;">');
//]]>
</script><b style='color:#333;'>Nhấn</b> [▼/▲]
<script type='text/javascript'>
//<![CDATA[
document.write('</a>');
//]]>
</script>
<div style='margin-bottom:10px;font-weight:bold;'> để ẩn / hiện khung soạn thảo. </div>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

<script type='text/javascript'>
//<![CDATA[
document.write('</div>');
//]]>
</script>