Bài viết liên quan với LinkWithin cho blogspot

Để cho bạn đọc dễ tìm kiếm các bài cùng chủ đề trên Blog, bạn có thể tạo mục "Các bài cùng chủ đề hoặc cùng nhãn" phía dưới các bài đăng. Hiện nay có rất nhiều tiện ích bài viết liên quan như: Style liên quan, Categories, danh sách ảnh và bài viết, Liên quan có hình ảnh,... Để phong phú thêm các tiện ích đó hôm nay Namkna sẽ giới thiệu cho các bạn tiện ích bài viết liên quan với LinkWithin.

View Demo

Ảnh minh họa:

Tính năng mới của thủ thuật là gì?

Chắc sẽ có người thắc mắc tại sao lúc thì bài viết dạng ảnh và lúc lại là dạng list. Đây là cập nhật mới cảu LinkWithin khi xem một bài viết có tiêu đề quá dài như trong Demo của mình. Như thế khi đăng bài không nên đặt tiêu đề quá dài nha.

Dạng anh thunbnail

Dạng danh sách list

Thêm tiện ích LinkWithin cho blogger.

1- Truy cập vào trang LinkWithin.
2- Điền  các thông tin cần thiết mà trang Web yêu cầu và bấm vào GET WIDGET để thêm tiện ích.

3- Giữ width là 3 stories, tức là 3 hình thu nhỏ nếu chiều rộng bài viết của bạn là nhỏ hơn 500px.

4- Nhấn nút Get Widget và sau đó nhấp vào Get Widget để đến trang tiếp theo như hình dưới đây,

- Bạn nhấn Install Widget. để tiến hành cài cho blog.
- Chương trình sẽ chuyển bạn tới trang đăng nhập vào Blogspot nếu bạn chư đăng nhập:

5- Nếu bạn đã đăng nhập vào blog trên trình duyệt đang sử dụng từ đầu thì xẽ được chuyển ngay tới bước này.Chỉnh sửa lại Tiêu đề là  Related Posts: hoặc Bài viết liên quan,... tên này tùy ý bạn đặt.

6- Bây giờ bấm vào Chỉnh sửa mẫu (Edit template).

7- Thay thế đoạn mã trong ô thành đoạn mã sau:

<b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if></b:includable>

- Các mã trên sẽ ẩn không cho các hình thu nhỏ xuất hiện trên trang chủ.
8- Nhấp tiếp Chỉnh sửa Nội dung  (Edit Content ) và thêm đoạn mã sau vào ngay bên trên đoạn mã của LinkWithin.

<script>linkwithin_text='Related Posts:'</script>

- Thay dòng chữ màu đỏ Related Posts:  thành dòng chữ bạn muốn như: Bài viết liên quan, bạn cũng có thể xem thêm,....

9-  Cuối cùng bấm vào Thêm tiện ích (Add widget) để gắn vào Blog.
10- Bây giờ bạn Đăng nhập (login) vào blog => Bố cục (Layout) sẽ thấymột widget có tên  "Related Posts:" hiển thị ngẫu nhiên trong phần này. Bạn hãy bấm và di chuyển tiện ích xuống phía dưới phần Bài đăng trên Blog.

Cách thêm vào Template.

- Bình thường làm đến bước trên là xong. Tuy nhiên bạn cũng có thể thêm vào Template bằng cách Copy toàn bộ code trong tiện ích Related posts trên.

- Tiếp theo bạn vào Mẫu (Template) => Chỉnh sửa HTML (Edit HTML) => đánh dấu chọn Mở rộng tiện ích, Tìm kiếm (Mẹo:bấm Ctrl+F để mở khung tìm kiếm) đoạn code sau:

<div class='post-footer'>

Và dán toàn bộ code mà bạn đã copy của tiện ích Related posts (LinkWithin) dán phía trên nó và Save lại là xong.

Cập nhật?

Hãy đọc bài viết dưới để tùy chỉnh cho tiện ích này đẹp nhất nha:

• Tùy chỉnh màu sắ của LinkWithin

Chúc thành công!