• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tạo khung nội quy nhận xét đóng tự động

22
28/07/2011


Như các bạn có thể thấy ở phần nhận xét theo các bài viết trên Thủ thuật Blogger có khung nội quy nhận xét khá lạ so với các blogspot khác, nếu để ý, sau 2 phút bạn sẽ thấy khung nội quy nhận xét này tự động đóng và biến mất. Với tính năng này, blogspot của bạn sẽ trở nên lạ hơn, gây trí tò mò hơn đối với người đọc. Lấy giả thuyết tính trung bình để đọc một bài viết trên blogspot của bạn phải mất 1,5 phút thì bạn có thể cài đặt sau 2 phút thì khung nội quy nhận xét sẽ biến mất, tức là người đọc có 30 giây để lướt qua nội quy nhận xét nếu có ý định để lại nhận xét. Và điều thật bất ngờ là sau khi nhận xét được xuất bản thì khung nội quy nhận xét bổng dưng biến mất mà không có sự tác động nào.

Xin bật mí một chút, ý tưởng tạo khung nội quy nhận xét này có định dạng CSS từ trang đăng nhập Blogger, mình chỉ linh hoạt áp dụng và tạo thêm hiệu ứng đóng tự động cho nó.

Để cài đặt khung nội quy nhận xét như vậy, bạn hãy thực hiện như sau:

Bước 1. Đăng nhập Blogger, vào Settings (Cài đặt) >> Comments (Nhận xét) kéo xuống mục Comment Form Message rồi dán vào đó đoạn văn bản nội quy nhận xét, sau đó nhấn SAVE SETTINGS để lưu cài đặt.

Bước 2. Vào Design (Thiết kế) >> Edit HTML (Chỉnh sửa HTLM), chọn Expand Widget Templates (Mở rộng mẫu tiện ích).

Tìm đến đoạn code:

<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Rồi đặt trước nó bằng đoạn code bên dưới.
<style>
#comrule {padding:5px 0;width:550px}
.comrule-container{padding:5px;background:#fff;border:1px solid darkgray}
.comrule-header{padding:5px 10px;background:#a2bf89;white-space:nowrap;color:#fff}
.comrule-body{width:580px;padding:5px 10px;background:#cddebe}
.comrule-body a{color:#036300}
.comrule-close{float:right;margin-right:-5px}
.comrule-text{text-align:justify;font-size:14px;line-height:19px;font-weight:normal;text-case:sentence;color:#069}
</style>
<script type='text/javascript'>
function closediv() {
document.getElementById(&quot;comrule&quot;).style.display=&quot;none&quot;;
}
setTimeout(closediv, 120000);
</script>

<div id='comrule'>
<div class='comrule-container'>
<table cellpadding='0' cellspacing='0'><tr><td class='comrule-header'><b>Nội quy!</b></td>
<td class='comrule-body'><a class='comrule-close' href='#' onclick='closediv()'><img alt='Đóng lại' src='http://www.blogger.com/img/close.png'/></a>
<span class='comrule-text'><data:blogCommentMessage/></span></td></tr></table>
</div>
</div>
Trong đoạn code trên bạn có thể thấy dòng <data:blogCommentMessage/> chính là phần nội quy nhận xét. Số 120000 tượng trưng cho 2 phút (1 phút = 60000 mili giây) đóng tự động khung nội quy nhận xét, bạn có thể đổi con số theo ý thích. Ngoài ra có thể tùy biến CSS cho phù hợp với tông màu trên blogspot của bạn.

Xong rồi bạn hãy lưu Template là được.

{22 bình luậnAdd yours ?}

20:18:00, 28 thg 7, 2011

Thủ thuật này tạo được sự chú ý của người đọc nè, chúc blog anh ngày càng phát triển! :51)

Reply
09:52:00, 29 thg 7, 2011

Anh Hà cho em hỏi có thể thay đổi được phông chữ ở phần nhận xét không? Nghĩa là những nhận xét của mọi người khi được xuất bản đó!

Reply
10:00:00, 29 thg 7, 2011

Tất nhiên là được chứ. Trong Template của em cần điều chỉnh dòng CSS này:
.comments-body{font-size:13px;background:#fff;padding:5px}

muốn tăng cõ chữ lên thì thay đổi 13 thành 14 hoặc 15 ..., có thể thêm font-family:Arial, thêm thuộc tính color để đổi màu sắc font chữ...

Reply
10:06:00, 29 thg 7, 2011

Cảm ơn anh Hà nhiều nha! Vấn đề tưởng chừng như đơn giản mà em nghĩ không ra!:51)

Reply
20:25:00, 29 thg 7, 2011

anh ơi cho em hỏi lạc đề chút là làm sao để tạo tab nội dung ngay trong bài viết

Reply
20:29:00, 29 thg 7, 2011

a.Hà nghiên cứu nhiều chiêu độc, :54)

Reply
20:46:00, 29 thg 7, 2011

@ Your_lies: E tìm trong tag Tab ở đám mây nhãn (Tag Cloud) nha

Reply

Cái này giống hình như giống cái " Tạo thông báo chỉ xuất hiện 1 lần " hơi giong cái khung của famdung

Reply
10:56:00, 21 thg 8, 2011

rất hay, cam ơn bạn

Reply
22:09:00, 5 thg 10, 2011

Anh Hà em tạo cái này nhưng mà ở trên nó lại có hiển thị dới Đăng một Nhận xét KÌA Nhìn xấu hoắc ak. Anh bảo em cách dấu mấy chữ đó đi.

Reply
22:12:00, 5 thg 10, 2011

Của em cũng bị như Hoàng Hải, nội dung bị lặp lại đến 2 lần :1)

Reply
22:35:00, 5 thg 10, 2011

@Hoàng Hải Bìn tĩn đi nào. :1)
Vậy Hoàng Hải xóa đoạn code

<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>

Nằm ngay trước mấy dòng này

<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Reply
22:43:00, 5 thg 10, 2011

@Huỳnh Nhật Hà Thanks anh Hà :5) Waiting for you :1)

Reply
22:45:00, 5 thg 10, 2011

hjhj anh Hà đã ra tay thì đc chắc rồi. Em làm đc rồi ... :3) :3) :3)

Reply
19:56:00, 7 thg 10, 2011

<data:blogCommentMessage/> đoạn này có phải là Nội Dung của bảng nội quy phải không bạn ?

Reply
19:58:00, 7 thg 10, 2011

cho hỏi thêm là nếu xóa nó đi thì được không ?

Reply
20:49:00, 7 thg 10, 2011

@Hà Ngọc Tú Đúng rồi, xóa đi để tránh trùng vì trong code thủ thuật đã có dòng này rồi.

Reply
15:42:00, 18 thg 10, 2011

Hay quá, cảm ơn anh nhiều :5)

Reply
22:57:00, 21 thg 2, 2012

cảm ơn

Reply
09:56:00, 21 thg 3, 2012

soạn trong khung Comment Form Message nó bị hạn chế nhiều quá a có thể hướng dẫn dán thẳng vào trongtemplate luôn không a?:C) :C) :C) :C) :C)

Reply
21:40:00, 5 thg 4, 2012

Để E làm thử xem :D

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn