Tạo điểm nhấn riêng phân biệt nhận xét của tác giả

Tạo điểm nhấn riêng phân biệt nhận xét của tác giả
Hay nói cách khác có vẻ IT hơn: “Tạo điểm nhấn riêng nhận xét của Người Quản trị viên (Admin)” _ Đây là một cách giúp độc giả dễ dàng phân biệt được nhận xét nào của Admin nhận xét nào của độc giả để lại. Đồng thời tạo điểm nhấn riêng cho Người Quản trị Blog đó.


               Đọc thêm:



DEMO bằng hình ảnh cho các bạn xem trước

☼ Giờ bắt đầu thủ thuật cùng Windows2it.

Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </head>. Sau đó dán đoạn mã Code sau lên phía trên thẻ </head>Lưu mẫu.

<b:if cond='data:blog.pageType != &quot;index&quot;'>
      <style type='text/css'>
        /* windows2it.com */
        .comment-form {
          overflow:hidden;
        }
        .comments h3 {
          line-height:normal;
          text-transform:uppercase;
          color:#333;
          font-weight:bold;
          margin:0 0 20px 0;
          font-size:14px;
          padding:0 0 0 0;
        }
        h4#comment-post-message {
          display:none;
          margin:0 0 0 0;
        }
        .comments{
          clear:both;
          margin-top:10px;
          margin-bottom:0
        }
        .comments .comments-content{
          font-size:13px;
          margin-bottom:8px
        }
        .comments .comments-content .comment-thread ol{
          text-align:left;
          margin:13px 0;
          padding:0
        }
        .comments .avatar-image-container {
          background:#fff;
          border:1px solid #DDD;
          overflow:hidden;
          padding:6px;
        }
        .comments .comment-block{
          position:relative;
          background:#fff;
          padding:15px;
          margin-left:60px;
          border-left:3px solid #ddd;
          border-top:1px solid #DDD;
          border-right:1px solid #DDD;
          border-bottom:1px solid #DDD;
        }
        .comments .comment-block:before {
          content:&quot;&quot;;
          width:0px;
          height:0px;
          position:absolute;
          right:100%;
          top:14px;
          border-width:10px;
          border-style:solid;
          border-color:transparent #DDD transparent transparent;
          display:block;
        }
        .comments .comments-content .comment-replies{
          margin:8px 0;
          margin-left:60px
        }
        .comments .comments-content .comment-thread:empty{
          display:none
        }
        .comments .comment-replybox-single {
          background:#f0f0f0;
          padding:0;
          margin:8px 0;
          margin-left:60px
        }
        .comments .comment-replybox-thread {
          background:#f0f0f0;
          margin:8px 0 0 0;
          padding:0;
        }
        .comments .comments-content .comment{
          margin-bottom:6px;
          padding:0
        }
        .comments .comments-content .comment:first-child {
          padding:0;
          margin:0
        }
        .comments .comments-content .comment:last-child {
          padding:0;
          margin:0
        }
        .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
          margin:0px 0px 5px 30%
        }
        .comment .comment-thread.inline-thread .comment:nth-child(6) {
          margin:0px 0px 5px 25%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(5) {
          margin:0px 0px 5px 20%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(4) {
          margin:0px 0px 5px 15%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(3) {
          margin:0px 0px 5px 10%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(2) {
          margin:0px 0px 5px 5%;
        }
        .comment .comment-thread.inline-thread .comment:nth-child(1) {
          margin:0px 0px 5px 0;
        }
        .comments .comments-content .comment-thread{
          margin:0;
          padding:0
        }
        .comments .comments-content .inline-thread{
          background:#fff;
          border:1px solid #DDD;
          padding:15px;
          margin:0
        }
        .comments .comments-content .icon.blog-author {
          display:inline;
        }
        .comments .comments-content .icon.blog-author:after {
          content: &quot;Admin&quot;;
background: #FC5555;
color: #fff;
font-size: 11px;
padding: 2px 5px;
        }
        .comment-header {
          text-transform:uppercase;
          font-size:12px;
        }
        .comments .comments-content .datetime {
          margin-left: 6px;
        }
        .comments .comments-content .datetime a {
          color:#888;
        }
        .comments .comment .comment-actions a {
          display:inline-block;
          color:#333;
          font-weight:bold;
          font-size:10px;
          line-height:15px;
          margin:4px 8px 0 0;
        }
        .comments .continue a {
          color:#333;
          display:inline-block;
          font-size:10px;
        }
        .comments .comment .comment-actions a:hover, .comments .continue a:hover{
          text-decoration:underline;
        }
        .pesan-komentar {
                  }
        .pesan-komentar p {
          line-height:normal;
          margin:0 0;
        }
        .pesan-komentar:before {
         
        }
        .fotleft{float:left}
        .fotright{float:right;text-align:right;}
      </style>
    </b:if 
☼ Tùy chỉnh:

·        Thay chữa Admin thành chứ khác mà bạn thấy hay hơn.
·        background: #FC5555: Màu nền của chữ Admin.
·        color: fff: Mã của chữ Admin.
·        font-size: 11px: Độ lớn của chữ Admin.
·        padding: 2px 5px: Lần lược là chiều cao và chiều rộng của màu nền.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều JJJ

Trong quá trình cài đặt gặp vấn đề gì cứ để lại Comment !
Liên hệ đặt quảng cáo
Quảng cáo trên windows2it.com

About Quang Mến :

Tôi là Quang Mến. Tôi viết blog theo phong cách chuyên nghiệp. ^^! Dựa trên niềm đam mê học hỏi và mong muốn chia sẽ với mọi người @@!
Theo dõi tôi trên:
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

32 nhận xét:

  1. Replies
    1. rất vui bạn đã thích :)

      Delete
    2. Bạn cho mình hỏi nếu đổi địa chỉ blog thì DMCA sẽ mất luôn à

      Delete
    3. Đều này là đương nhiên mà bạn ... :) . Thay đổi địa chỉ Blog giống bạn làm lại từ đầu đó .. Bạn nên sũy nghĩ kỹ trước khi thay đổi.

      Delete
  2. AD cho hỏi, bình thường thì cái tiện ích recentcomment nó hiển thị từ nhận xét mới nhất đến nhận xét cũ nhất. Có cách nào để nó hiện ngược lại từ nx cũ đến nx mới không?

    ReplyDelete
    Replies
    1. cái này bạn phải hiệu chỉnh chỉnh lại đoạn JS ... Mà sao bạn không không dùng thủ thuật ai comment nhiều nhất ấy.

      Delete
    2. Đoạn js đó như thế này, bạn có thể chỉnh sửa được không?

      <script>document.write(&quot;&lt;script src=\&quot;/feeds/<data:post.id/>/comments/default?max-results=4&amp;amp;alt=json-in-script&amp;amp;callback=showrecentcomments\&quot;&gt;&lt;\/script&gt;&quot;);</script>

      Delete
    3. Cái DMCA ấy phải nộp tiền thì mới có tác dụng chứ free thì treo cho nặng site thôi!

      Delete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. This comment has been removed by a blog administrator.

    ReplyDelete
  5. Thank you for having taken your time to provide us with your valuable information relating to your stay with us.we are sincerely concerned.., Most importantly, you Keepit the major...
    SEO Training in Chennai

    ReplyDelete
  6. Cảm ơn vì bài viết rất hay và hữu ích! Chúc bạn nhiều niềm vui và thành công hơn.

    ReplyDelete
  7. Cảm ơn vì bài viết rất hay và hữu ích! Chúc bạn nhiều niềm vui và thành công hơn.

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. cái đều đó là bình thường thui chứ có gì đâu !!! :)

      Delete
    2. Dạ. Mà có cách nào cho cái tên đó trở thành 1 cái tên giống mấy bài đăng không ad
      vd: www.saintseiya.cf/p/next-dimension.html -> Next Dimension

      Delete
    3. - Mình xin đính chính lại một tí đường dẫn này www.saintseiya.cf/p/next-dimension.html là một trang chuyên biệt của blog này www.saintseiya.cf chứ ko phải một bài đăng.

      - Bạn ko thể tạo một trang có đường link giống như thế này www.saintseiya.cf/p/next-dimension.html Vì trong Blog của bạn đã có một trang có đường link như thế này www.saintseiya.cf/p/next-dimension.html. (Tóm trong blogspot ko thể tạo 2 trang khác nhau và có đường link giống nhau )

      >>> văn chương lũng cũng bạn thông cảm !!

      Delete
  9. mình muốn tạo điểm nhấn cho trang đèn led nhà xưởng thì phải làm sao hả admin ?

    ReplyDelete
  10. Đã làm và mình gặp vấn đề lớn ui Ad

    ReplyDelete
  11. Đã test và rất đẹp , cảm ơn bạn !
    ------------------------------------
    xem qua blog của mình
    www.ani-vn.com

    ReplyDelete
  12. ad ơi sao trang của em nó không hiện
    https://mastervu1207.blogspot.com

    ReplyDelete
  13. của mình k hiện bạn ơi: http://www.starthao-it.tk

    ReplyDelete