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

Are you sure?

You want to turn off ads.

Đố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 vào cuối mỗi bài viết trong blog

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 Phú Cường Blogger</b:if></b:if><br/> Ghi rõ nguồn <a href='https://www.phucuongblogger.com' title='Phú Cường Blogger'>www.phucuongblogger.com</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!
Tác giả: Phú Cường Blogger

Tôi là Cường, sinh viên năm cuối ngành Điện tử - Viễn thông trường Đại học Bách Khoa Hà Nội. Say hello to you!

  • Không được backlink và nói tục. Hãy là một độc giả có ý thức.

    29 nhận xét:

    1. Ngày xưa e dùng mẫu bài đăng của Blogger :)

      Trả lờiXóa
      Trả lời
      1. Mẫu bài đăng của blogger là sao e?

        Xóa
      2. Trong phần cài đặt Có mục mẫu bài đăng á a. Khi thêm xong mỗi lần viết bài nó sẽ hiện những gì trong mẫu :)

        Xóa
      3. À đó là e can thiệp trong mục Cài đặt, a làm ở temp thì khi mn dùng temp nó tự có sẽ dễ edit hơn.

        Xóa
    2. Để thử xem ổn ko

      Trả lờiXóa
    3. Mới add vào trông cũng khá ổn :v

      Trả lờiXóa
    4. tiêu đề phải là : Chèn thông tin nhắc người copy bài cho blogspot ;v

      Trả lờiXóa
    5. Chất :v à em muốn chèn vào đầu bài viết thì chèn vào thẻ nào ạ?

      Trả lờiXóa
      Trả lời
      1. E tìm như bước 2 rồi chèn trước thẻ đó là đc hoặc e tìm class của tiêu đề bài viết trong trang bài viết rồi chèn sau nó cũng đc.

        Xóa
    6. Cái này giống kiểu khung tác giả đúng ko anh

      Trả lờiXóa
      Trả lời
      1. A cũng k rõ nó giống k? Vì khung tác giả là nói về tác giả còn cái này là thông tin bài viết e ạ.

        Xóa
    7. ads của a đâu hết rồi :v

      Trả lờiXóa
      Trả lời
      1. A xóa rồi e. Nó k hiện a để lại làm gì đâu O.o

        Xóa
    8. Đù cái temp anh đang xài b nhiêu thế anh, đẹp quá

      Trả lờiXóa
      Trả lời
      1. Share miễn phí tại đây nhé: https://www.pluskienthuc.com/2018/04/template-blogger-spark-premium-chuan-seo.html

        Xóa
      2. A lấy bên plus kiến thức theo link trên ấy e. Free e ạ. A chỉ đang edit lại cho tối ưu cả hợp SEO 2018 thôi.

        Xóa
      3. Nhìn anh edit đc đó

        Xóa
      4. Đâu e, a chưa edit gì đâu, nó là template gốc của họ đấy, a mới đổi màu thôi.

        Xóa
    9. Hồi temp này em cũng thử dùng một lần nhưng em không biết gỡ bản quyền, với lại cái thanh menu & dropdown kia khó edit nên em không dùng nữa :v Giờ anh dùng temp này thì em mới nhớ lại :3

      Trả lờiXóa
      Trả lời
      1. Bên plus thủ thuật gỡ bản quyền rồi nên a xài, cái drop kia cho kiểu nhập input trong widget nên hơi khó chịu :3

        Xóa
    10. code bị lỗi thiếu dấu kết thúc ở phần cuối cùng kìa a

      Trả lờiXóa
      Trả lời
      1. Chỗ thẻ div cuối à? Ok để a sửa lại. Thank e.

        Xóa
    11. anh xem hộ em với làm nào mà chưa kik vào bài viết mà nó đã hiển thị tt như thế rồi
      sửa như nào để khi click vào bài mới có
      thanks you

      Trả lờiXóa
      Trả lời
      1. Cái này e dùng thẻ điều kiện nhé. Sửa lại code như sau:
        <b:if cond='data:blog.pageType == "item"'>
        Toàn bộ code ở bước 2
        </b:if>

        Xóa

    Nhận bài viết mới