Chèn thông tin cơ bản vào cuối mỗi bài viết trong blog

Đối với mỗi bài viết, việc cung cấp đầy đủ thông tin về tiêu đề, tên tác giả viết bài đó và nhắc nhở ghi nguồn khi sao chép rất quan trọng. Ngoài việc cho mọi người thấy được những thông tin cơ bản thì nó còn làm cho mỗi bài viết của blog bạn trông khoa học và chỉn chu hơn. Vậy thì, bài viết hôm nay mình sẽ hướng dẫn các bạn chèn thông tin cơ bản vào cuối mỗi bài viết như thế nhé.

Chèn thông tin cơ bản dưới bài viết

Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML
Bước 2: Tìm <data:post.body/> sau đó chèn đoạn code sau dưới nó (sẽ có nhiều <data:post.body/> vì thế mà bạn cần chèn lần lượt đến khi nào hiện là được nhé)
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<style>
.postnpc-info{float:right;margin:10px 0;text-align:right;width:100%;clear:both;border-top:2px dashed #999;padding:10px 0;}
.postnpc-info h5{font-weight:500;display:inline-block;color:#2a2a2a;font-style:normal;}
.postnpc-info a{color:#309230!important;font-style:italic;font-weight:400;}
.postnpc-info a:hover,.postnpc-info h5:hover{color:#2a2a2a!important;}
.author-info{font-weight:500;font-size:15px;}
</style>
<div class='postnpc-info'>
Bạn vừa xem bài viết &quot;<a expr:href='data:post.url' expr:title='data:post.title'><b:if cond='data:post.title'><h5><data:post.title/></h5></b:if></a>&quot;<br/>
Tác giả: <b:if cond='data:top.showAuthor'><b:if cond='data:post.authorProfileUrl'><span class='author-info'><data:post.author/></span> - Admin TECH24H</b:if></b:if><br/>
Ghi rõ nguồn <a href='https://www.support24h.info' title='TECH 24H'>www.support24h.info</a> khi đăng tải lại bài viết này
</div>
        </b:if>
<div style='clear:both'/>

Căn chỉnh lại thông tin phù hợp với blog bạn.
Bước 3: Lưu Template lại.

Lời kết

Đoạn code trên mình đã sử dụng thêm thẻ điều kiện khi dùng mobile sẽ ẩn phần thông tin này đi vì nó không hiện cùng trên 1 dòng nên sẽ rất xấu, nếu bạn nào thích để lại thì bỏ cặp thẻ điều kiện đi là được nhé. Chúc các bạn thành công!

0/BÌNH LUẬN

BẠN ĐANG CHẶN QUẢNG CÁO

Vui lòng tắt plugin Adblock trong trình duyệt và phần mềm diệt virus (nếu có) sau đó nhấn vào

Disable Adblock & Reload

để tiếp tục hỗ trợ trang web đang phát triển này