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

55 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
  14. Nó không hiện bạn ạ

    ReplyDelete

  15. thanks for your information really good and very nice web design company in velachery

    ReplyDelete
  16. Thanks for sharing this information.
    Want to Buy Step Down Transformer or Are you Curious about What is Step Down Transformer? Read the blog to get your queries resolved before making a purchase.

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

    ReplyDelete
  18. keep up the good work. this is an Assam post. this to helpful, i have reading here all post. i am impressed. thank you. this is our digital marketing training center. This is an online certificate course
    digital marketing training in bangalore | https://www.excelr.com/digital-marketing-training-in-bangalore

    ReplyDelete
  19. Taldeen is one of the best plastic manufacturing company in Saudi Arabia. They are manufacturing Handling Solutions Plastic products like Plastic Pallets and plastic crates. Here is the link of the product
    Handling Solutions
    Plastic Pallets
    Here is the details of best BSc Medical Imaging Technology Colleges in Bangalore. You can get the college details from the below link. BSc Medical Imaging Technology Course is one of the best demanding course in recent times in India
    BSc Medical Imaging Technology Colleges In Bangalore
    Christian College Bangalore providing BSc Medical Imaging Technology Course. Here is the link about the details of BSc Medical Imaging Technology. You can click the below link for more information about BSc Medical Imaging Technology.
    BSc Cardiac Care Technology Colleges In Bangalore
    Christian College Bangalore providing BSc Optometry Course. Here is the link about the details of BSc Optometry. You can click the below link for more information about BSc Optometry. BSc Optometry is one of the most demanding course in recent times.
    Optometry Colleges In Bangalore
    BBA Aviation course is the best (Most Demanded) management course in India. Here, Christian College Bangalore providing BBA Aviation course. You can get the details of Christian College BBA Aviation from the below mentioned link. If you are interested in BBA Aviation, just visit the below link to know about BBA Aviation.
    BBA Aviation Colleges In Bangalore
    GrueBleen is one of the Branding and Marketing agency Based in Riyadh- Saudi Arabia. The main functions of GrueBleen is Advertising, Branding, Marketing, Office Branding, Exhibition Management and Digital Marketing. Visit the below link to know more about GrueBleen Creative Club.
    Branding Agency Riyadh
    Marketing Agency Riyadh
    Agriculture Solutions – Taldeen is a plastic manufacturing company in Saudi Arabia. They are manufacturing agricultural plastic products like greenhouse cover and hay cover. Visit the below link to know more details
    Agriculture Solutions
    Greenhouse Cover
    Medical Imaging Technology – One of the most demanding allied health science course in recent times in India. Check out the details of Best BSc Medical Imaging Technology Colleges Details with the following link.
    BSc Medical Imaging Technology Colleges In Bangalore
    BSc Perfusion Technology – If you are looking to study BSc Perfusion Technology in Bangalore, just check out the following link. In that link you can get the details of Best BSc Medical Imaging Technology colleges in Bangalore
    BSc Perfusion Technology Colleges in Bangalore
    GrueBleen – One of the best social media marketing agency in Riyadh- Saudi Arabia. Visit here for the all service details of GrueBleen.
    Social Media Marketing Agency

    ReplyDelete
  20. Thanks for sharing this valuable information to our vision. You have posted a worthy blog keep sharing.
    Digital Marketing Course In Kolkata
    Web Design Course In Kolkata
    SEO Course In Kolkata

    ReplyDelete
  21. Very nice job... Thanks for sharing this amazing and educative blog post! ExcelR Courses In Digital Marketing In Pune

    ReplyDelete

close
Banner Ads Banner Ads