[Tips] - Bảng tổng hợp nội dung đầy đủ bằng nhãn Label cho Blogspot Blogger

Thủ thuật này cực kỳ đơn giản, nhưng nâng cao trải nghiệm người dùng hoàn hảo luôn nhé!

Hôm nay Terocket sẽ hướng dẫn cả nhà một thủ thuật blog cực kỳ hay và cực kỳ thú vị, có tên là [Tips] - Bảng tổng hợp nội dung đầy đủ bằng nhãn Label cho Blogspot Blogger. Ở thủ thuật blogspot này, bạn sẽ được list tất cả nội dung trong web blog của bạn thông qua các nhãn Label. Có nghĩa là nếu bạn có bao nhiêu nhãn Label, thì sẽ được list ra bấy nhiêu nhãn, và kèm các nội dung thuộc nhãn đó. Thật hay đúng không nào!(Cách đây mấy ngày Terocket có làm một thủ thuật có tên là [Tips] - Cách để SEO Label & google index nhãn Label cho Blogger Blogspot, nếu bạn có hứng thú hãy vào xem.)

Live Demo

Nhưng có một điểm hay hơn ở đây nữa, đó là sẽ được phân bảng tab rất trực quan, rất logic, giúp người dùng có thể tìm kiếm nội dung dễ dàng hơn nữa. Và đây là điều mà bất cứ blogger nào cũng muốn tiện ích [Tips] - Bảng tổng hợp nội dung đầy đủ bằng nhãn Label cho Blogspot Blogger xuất hiện trong blog của mình.

Ở tiện ích [Tips] - Bảng tổng hợp nội dung đầy đủ bằng nhãn Label cho Blogspot Blogger này, các bạn có thể áp dụng làm Sitemap cho blogspot của bạn, sitemap này là dành cho người dùng, chứ không phải dành cho công cụ tìm kiếm nhé.

Để thực hiện tiện ích này, chỉ cần chèn đoạn mã code sau vào một widget HTML/Javascript, nhưng ở thủ thuật blog này, Terocket sẽ hướng dẫn cách tạo tên một Page / Trang lớn. Có dạng như http://www.terocket.com/p/library.html vậy.

Bước 1 - Hãy tạo một Trang / Page lớn để làm nơi lưu trữ tiện ích này

Đầu tiên các bạn hãy vào Blogger.com -> Blogger Title -> Trang -> Trang mới -> Và hãy nhập tiêu đề -> Click vào HTML (ở trên góc trái, gần Viết).

Bước 2 - Copy đoạn mã code sau vào HTML và Xuất bản

<link rel="stylesheet" href="https://googledrive.com/host/0B-0uHUanipfMQy1YRHZzMGl4dHc" type="text/css" media="screen" />
<div id="tabbed-toc"><span class="loading">Loading...</span></div>
<a style="display:block;text-align:right;font:normal bold 8px Arial,Sans-Serif;text-decoration:none;margin:10px;" href="http://www.terocket.com/" title="Tabbed TOC">Terocket</a>
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://your-url.blogspot.com", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "January",
        "February",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
    newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B-0uHUanipfMb2Y2SHQ4UjB0aWM"></script>

Ghi chú: Bạn có nhìn thấy chổ http://your-url.blogspot.com không? Hãy thay thành địa chỉ blog của bạn nhé. Ví dụ Terocket sẽ thay thành http://www.terocket.com đó nha!

Ok, vậy là xong cái thủ thuật blog cực kỳ thú vị này rồi, chúc các bạn tăng được khả năng trải nghiệm của người dùng trên blog của mình. Nếu ai đã làm được, hãy share đến bạn bè của mình nha. Còn nếu ai chưa làm được, hãy gửi một bình luận ở dưới đây Terocket sẽ giải đáp nha.

Thủ thuật liên quan đến tạo Sitemap cho blogspot blogger

1. [Tool] - Tạo sitemap sơ đồ trang web cho Blogger Blogspot
2. Sitemap 2 cột có phân trang cho blogspot
3. Sitemap chọn nhãn tự động cho blogger
4. Sitemap dạng bảng (Table TOC) cho blogspot v2
5. Sitemap dạng input cho Blogger
6. Tạo sitemap cho Blogspot theo ngày đăng và nhãn
7. Sitemap là gì? Và tại sao bạn cần nó?
8. Tạo Sitemap đẹp cho blogspot
9. Tạo Accordion Sitemap (TOC) cho Blogspot style 2
10. Accordion sitemap (TOC) cho blogger style 1

Thủ thuật liên quan đến SEO dành cho blogspot blogger

1. [Tips] - Cách để SEO Label & google index nhãn Label cho Blogger Blogspot
2. Cách chống Spam cho Blogspot
3. Sửa lỗi Hatom thiếu author, update, entry-title cho blogpsot
4. Chỉnh sửa CSS theo chuẩn HTML5 (W3C)
5. Tìm hiểu về HTML5 và chuẩn W3C?
6. Chỉnh sửa tiện ích Followers chuẩn HTML5 cho blogspot
7. Cách thiết kế Blogspot theo chuẩn W3C (HTML5)
8. Công cụ đếm tiêu đề và mô tả cho blogspot
9. Tùy chỉnh permalinks giúp tối ưu hóa SEO blogspot
10. Làm thế nào để Google index backlink nhanh - Phần II
11. Base64 image khi thiết kế web - Cần lưu ý những gì?
12. RSS Feeds là gì
13. Tối ưu thẻ Title trong Blogspot cho Search Engine
14. Sử dụng Google Alerts để SEO backlink và cách quảng bá web
15. 10 cách để website thường trực trên công cụ tìm kiếm
16. Cách để Google index blog, website nhanh hơn
17. Quảng cáo Pop Up, Pop Under có hiệu quả hay không?
18. Đăng ký và cài đặt google analytics cho blogspot
19. SEO và Google Adwords nên chọn cách nào?
20. Google Sandbox là gì và cách khắc phục?
21. Thêm nút Social bookmark cho blogger
22. 10 lời khuyên để viết bài hiệu quả và phổ biến
23. Cách khắc phục khi bị Google Penalty
24. Các add-on hỗ trợ SEO cho trình duyệt firefox và chrome
25. Xu hướng SEO 2013 – Đừng cố gắng thao túng Google!
26. Danh sách site dofollow pagerank cao năm 2013
27. Cách tránh Google Penalty vì tối ưu hóa SEO quá mức
28. Tổng kết SEO 2012
29. Hiển thị profile Google+ trên kết quả tìm kiếm
30. Cài đặt "Thẻ tiêu đề robot tùy chỉnh" (Custom Robots Tags) cho blogger
31. Sửa nofollow thành follow trong comment blospot
32. Công cụ kiểm tra đường dẫn dofollow hay nofollow cho firefox
33. Nofollow và Follow, những điều cần biết
34. Xây dựng website vệ tinh: Lợi Hay Hại Về SEO?
35. Google chính thức index label blogspot.
36. Tối ưu hóa blogspot từ a đến Z
37. Đừng mất thời gian với PageRank - Google tuyên bố
38. Công thức tính Page Rank (2012)
39. Những yếu tố xếp hạng sẽ giảm ‘trọng lượng’ trong năm 2012
40. Tại sao Affiliate Marketing ở Việt Nam chưa phát triển
41. Điều chỉnh chiến lược SEO 2012
42. Nghiên cứu của Google về mối quan hệ giữa SEO & PPC
43. Tạo bộ Tag, Keyword cho bài viết trong blogspot
44. Tạo site map hỗ trợ SEO và page rank cho blogspot
45. Khái niệm On-page SEO và Off-page SEO
46. google +1 thêm chú thích hỗ trợ SEO
47. Nhận biết Trang (Page) và Nhóm (Group) trong Facebook
48. Blogspot cập nhật - SEO hoàn hảo
49. Thủ thuật seo tốt nhất là cung cấp dịch vụ và nội dung chất lượng
50. 10 công cụ tìm kiếm có thể bạn chưa biết
51. 20 từ khóa đắt giá nhất trên Google
52. Quy trình SEO hiệu quả khiến khách hàng hài lòng
53. Link building – Những yếu tố xây dựng liên kết có giá trị cao
54. Tìm hiểu máy tìm kiếm Bing của Microsoft
55. 9 yếu tố ảnh hưởng thứ hạng, SEO và tính khả dụng
56. Tối ưu hóa Blog, Website cho trình duyệt Chrome của Google
57. Những bài học không bao giờ được quên trong quảng cáo
58. Những nhân tố mới nào ảnh hưởng đến Seo trong năm 2012
59. SEO - Lịch sử và quá trình phát triển
60. So sánh các phương pháp xây dựng links
61. 8 cách để tạo những keyword hiệu quả cho bài viết trên mạng (Kèm ví dụ)
62. SEO 2012 và nhận định của 18 chuyên gia SEO hàng đầu thế giới
63. Quy trình SEO hiệu quả – Khách Hàng hài lòng
64. SEO là gì ? - Một cái nhìn tổng thể
65. 5 bước cơ bản để triển khai kế hoạch SEO
66. Chiến Thuật Marketing Online Hiệu Quả
67. Các thuật ngữ được sử dụng khi bạn SEO
68. Tại sao bạn luôn phải duy trì seo cho web ?
69. 10 điều bạn chú ý khi gửi Email Marketing
70. Đặc điểm nào giúp tên miền có sức mạnh để thành công?
71. 11 chiêu giúp bạn tăng lượng người truy cập (traffic) website
72. Sự khác nhau giữa SEO và quảng cáo web
73. PageRank là gì ? Một số điểm cơ bản.
74. Alexa rank là gì ?
75. Làm sao để bảo vệ thứ hạng trên google ?
76. 21 Điều Cần Biết Về Nút Google +1
77. 6 thủ thuật SEO bạn cần tránh
78. Chèn link Google Search vào footer của bài viết
79. Sitemap là gì? Và tại sao bạn cần nó?
80. Xu hướng chọn kênh quảng cáo hiệu quả
81. Scripts tự động tải lại trang sau thời gian định trước.
82. Các hàm của Google để tìm kiếm link (Nâng cao)
83. Đăng ký blog vào bộ máy tìm kiếm của Live Search (Bing)
84. Cách để mọi người biết đến blog của mình
85. Tăng Rank nhanh chóng cho web với autohit

An Thành Thinks - Terocket