Hướng Dẫn Tạo Điểm Nhấn Riêng Biệt Cho Nhận Xét Của Tác Giả

Hướng Dẫn Tạo Điểm Nhấn Riêng Biệt Cho Nhận Xét Của Tác Giả

Blog giờ đây đã trở nên rất phổ biến được rất nhiều bạn trẻ sử dụng vì nó hoàn toàn free và thân thiện <vì nó là con của Google nên trong quá trình seo cũng được ưu ái hơn > .Có rất nhiều tiện ích hay và.thủ thuật hay cho blogsport mà mình muốn chia sẻ với các bạn .Một trong số đó hôm nay mình sẽ chia sẻ  với các bạn đó là tạo điểm nhấn riêng biệt cho tác giả blog .

Điểm nhấn riêng biệt cho tác giả hay theo thuật ngữ của dân IT là "Nhận Xét của Quản Trị viên " là một cách giúp cho người đọc có thể nhận biết ngay ( Phân Biệt ) được admin-Người quản trị Blog nhanh nhất và nó còn tạo nên phong cách riêng cho mỗi quản trị viên .

Demo :

Xem thêm : 

• Thêm biểu tượng cảm xúc giống Facebook cho blog
• Hướng Dẫn tạo Sitemap cho blogsport
• Hướng dẫn chèn khung comment vào blog 

Chúng Ta bắt đầu thực hiện nhé :

Đầu tiên các bạn truy cập Blog >> Mẫu >> Chỉnh sửa HTML >> Ctrl F tìm </head>  và sau đó chèn đoạn Code phía dưới vào trên thẻ  </head> Và Lưu Mẫu 

<b:if cond='data:blog.pageType != "index"'> <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:""; 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: "Admin"; 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>

Các bạn lưu Ý : Đoạn Code : <Đoạn code này mình đã để cách dòng ở giữa Đoạn Code trên >

{content: &quot;Admin&quot;;   Các bạn có thể thay chữ Admin bằng chữ gì mà bạn thích
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ượt là chiều cao và chiều rộng của màu nền 

Các bạn có thể thay đổi theo ý các bạn

Như thế là xong .Hãy Test và kiểm tra thành quả nhé .
Có thắc mắc gì các bạn hãy để lain comment nhé.
Thấy hay thì chia sẻ với mọi người nhé và hãy thăm blog của mình để xem nhiều bài viết hay nhé.
Chúc các bạn thành công
Cảm ơn các bạn
Tìm Kiếm : Thủ Thuật Blog ,seo blog ,code hay cho blog .