Ầ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(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="text-decoration : none;float:left;padding-right:5px;">');

//]]>
</script><b style='color:#333;'>Nhấn</b> [&#9660;/&#9650;]

<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>

4. Save Template

Chúc các bạn thành công

Vinatechs