Chỉnh sửa trang chủ của Template mẫu giống với huunghi-t78.blogspot.com

   Khi bạn tìm được một Mẫu Template ưng ý (), nhưng muốn có một chút thay đổi về trang Home (ví dụ như trang Home của huunghi-t78.blogspot.com) thì cần phải có một số bước làm.

Và đây là các bước cho các bạn dễ hình dung:
1 – Đầu tiên ta sẽ ẩn bài viết ngoài trang chủ.
2 – Tiếp theo tạo 1 widget recent posts và cho nó hiển thị vào chỗ mà bài viết đã bị ẩn.
3 – Cuối cùng là tùy chỉnh cho widget chỉ hiển thị ở trang chủ.

Bài viết này sẽ kết hợp các bài viết có sẵn. Sau đây là các bước thực hiện :

1. Đầu tiên các bạn sẽ ẩn bài viết ở trang chủ :
- nếu các bạn dùng CSS để ẩn widget chứa bài viết (Blog1) thì nó chỉ ẩn và sẽ vẫn load bài viết, vì thế mình sẽ dùng kết hợp 2 cách, ẩn widget Blog1 và ẩn nội dung bài viết ở trang chủ.
- vào bố cục
- vào chỉnh sửa code HTML
- chọn mở rộng mẫu tiện ích
- đầu tiên sẽ là ẩn widget Blog1 ở trang chủ : các bạn chèn đọan code này vào trước thẻ đóng </head>

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#Blog1 {display:none;}
</b:if>
</style>

- tiếp theo là ẩn nội dung bài viết : tìm đọan code như bên dưới :

<div class='post-header-line-1'/>
    <div class='post-body entry-content'>
...
xuống bên dưới vài dòng ta sẽ thấy đọan code như bên dưới
...
<data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->

   </div>

- phần code này chính là nội dung của mỗi bài viết.
- và chèn thêm code như bên dưới :

<div class='post-header-line-1'/>
    <div class='post-body entry-content'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
...
xuống bên dưới vài dòng ta sẽ thấy đọan code như bên dưới
...
<data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
</b:if>

 </div>

- save template.

2. Tiếp theo là Tạo 1 widget HTML/javascript. vị trí của widget này sẽ nằm bên trên widget Blog1 hoặc ngay bên dưới.

- và đây là điền code của thủ thuật thì bạn có thể lấy ở bài viết: Style mới cho tiện ích "Recent post" theo label ở Homepage và bài viết Tạo Tab News theo phong cách báo chí chuyên nghiệp

3. Cuối cùng là set cho widget này chỉ được hiển thị ngòai trang chủ.

Để làm được bước 3, các bạn tham khảo bài viết sau: Hiển thị widget chỉ ở trang chủ hoặc trang riêng biệt


Chúc thành công!

Posted in: Thủ Thuật blogspot