Thủ thuật blog: Làm nổi bật nhận xét của bạn – Highlight Author Comment.

Trong các mẫu blog có sẵn mà bạn đang sử dụng, thông thường các nhân xét của bạn (chủ nhân blog) và các nhận xét của Khách viếng thăm (Visitor) là giống nhau. Nếu bạn muốn làm nổi bật ý kiến, nhận xét của bạn để giúp người đọc nhận biết được nhanh chóng các nhận xét, hản ứng của bạn thì cần thiết cần phải làm thế nào?

Trong bài hướng dẫn này, tôi sẽ giúp bạn thực hiện điều đó đơn giản nhất với vài cái click chuột với các thao tác cực kỳ đơn giản như Copy và Paste mà thôi.

Sau đó bạn sẽ thấy được Nhận xét của bạn đã có sự khác biệt, làm nổi bật được ý kiến nhận xét của bạn như hình vẽ:

1. Trước tiên để an toàn cho bất cứ việc thử nghiệm hay ứng dụng mới nào đối với mẫu Blog, bạn hãy sao lưu một bản dự phòng
2. Sau đó truy cập vào Bảng điều khiển của blogger. Vào Layout l Edit HTML. Đừng quên check vào ô chọn "Expand Widget Templates" .
   3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.
3. Tìm đến tag ]]></b:skin>. Sau đó Copy đoạn mã script dưới và Dán chúng vào trước từ khoá ]]></b:skin> :
   
   

   .blog-author-comment {
   margin: 5px 0px 5px 0px;
   padding: 5px 5px 5px 10px;
   color: #000000;
   border:0px solid #121605;
   background:#c7da45;
   }

4. Tìm kiếm tới đoạn mã <dd class='comment-body'>
5. Hãy chú ý kiểm tra để toàn bộ đoạn mã chúng ta chuẩn bị bước tiếp theo sẽ có dạng đầy đủ như sau:
   
   

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

6. Sau đó bạn thêm các đoạn mã được đánh dấu màu đỏ vào đối với các mã đã đề cập đến trong bước số 5, :
   

   <b:if cond='data:comment.adminClass == data:post.adminClass'>
   <dd class='blog-author-comment'>
   <p><data:comment.body/></p>
   </dd>
   <b:else/>
   <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>
   </b:if>

7. Hãy “Preview” trước khi sao lưu mẫu bạn vừa tuỳ biến, nếu xảy ra hiện tượng báo lỗi thì bạn hãy thực hiện lại từ đầu một cách chậm dãi và chính xác, nếu không báo lỗi hãy sao lưu mẫu lại.
8. Giờ bạn hãy nhận xét trong một bài viết để xem mẫu nhận xét của bạn sẽ như thế nào. Bạn sẽ thích thú với thủ thuật mới này. (chắc chắn) ^)^.

Bạn có thế tuỳ biến các mã màu trong bước 3 để nhận xét của bạn phù hợp với Mẫu Blogger của bạn. Hãy cho biết ý kiến của bạn về thủ thuật mà phattrienso sưu tầm này nhé. Có rất nhiều cách nhưng đây là cách đơn giản và hiệu quả nhất đấy. Hãy thử và cảm nhận.

Hãy động viên phattrienso bằng nhận xét của bạn về thủ thuật này Nếu không mùa hè này bạn đi tắm ở bể bơi sẽ bị như thế này này.

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.