Ads 468x60px

CSS

Thứ Bảy, 3 tháng 3, 2012

Tạo mục các bài viết cùng chủ đề cho blogspot với LinkWithin , 24 html

Để 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 cho Blogger, 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.

Đầu tiên bạn đăng nhập VÀO ĐÂY, bạn nhập 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.
Một trang hướng dẫn cài đặt Linkwithin hiện ra, bạn nhấn Install Widget.
Sau đó 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:

Và nhấn Thêm tiện ích để gắn vào Blog và di chuyển tiện ích LinkWithin xuống phía dưới bài đăng.
Bây giờ bạn quay trở về blog sẽ thấy mục "You may also like" hiển thị phía dưới các bài đăng trên trang chủ .Bạn có thể thay đổi dòng chữ khác (ví dụ: "bạn có thể xem thêm" hoặc "bài cùng chủ đề" hay "bài cùng nhãn"...) bằng cách vào chỉnh sửa tiện ích LinkWithin
Rồi dán đoạn code này vào phía trên code mặc định của LinkWithin<script>linkwithin_text='Bạn cũng có thể xem thêm:'</script>

khi đó ta được như sau:<script>linkwithin_text='Bạn cũng có thể xem thêm:'</script> <script> var linkwithin_site_id = 1073689; </script> <script src="http://www.linkwithin.com/widget.js"></script> <a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

Với cách làm trên thì tiện ích LinkWithin sẽ hiển thị dưới các bài đăng trên trang chủ và cả ở các laber (nhãn), nếu muốn tiện ích này không xuất hiện ở trang chủ chỉ xuất hiện ở mỗi bài đăng thì bạn cần làm thêm bước sau:
Đăng nhập vào Blog > Thiết kế > Chỉnh sửa tiện ích LinkWithin và thêm các đoạn code sau vào phía trên và phía dưới đoạn code mặc định của LinkWithin đoạn code màu xanhnhư sau:<b:if cond='data:blog.pageType == &quot;item&quot;'> <script>linkwithin_text='Bạn cũng có thể xem thêm:'</script> <script> var linkwithin_site_id = 1073689; </script> <script src="http://www.linkwithin.com/widget.js"></script> <a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a> </b:if>

Sau khi thêm xong bạn copy toàn bộ code trong khung và xoá hẳn tiện ích này ra khỏi Blog của bạn.
Tiếp theo bạn vào chỉnh sửa HTML, đánh dấu chọn mở rộng tiện ích, bấm đồng thời hai phím Ctrl+F để mở khung tìm kiếm và gõ vào khung đoạn code sau: <div class='post-footer'>
Và dán toàn bộ code mà bạn đã copy của tiện ích LinkWithin dán phía trên nó và Save lại là xong.



Chúc thành công!

1 nhận xét: