Thư viện

Trải nghiệm

Thứ Hai, tháng 11 17, 2014

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

Bảng tổng hợp nội dung đầy đủ bằng nhãn Label cho Blogspot Blogger, tạp sitemap bằng thủ thuật blogspot này cực thú vị đó.

Chia sẻ:
[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

13 nhận xét:

  1. Cái này là hướng dẫn làm một dạng sitemap đã đc share nhiều trên mạng.

    Trả lờiXóa
  2. Cảm ơn bạn đã chia sẻ tiện ích này nhưng bạn có thể nói rõ hơn về cách thức đăng nhập"Blogger.com -> Blogger Title -> Trang -> Trang mới -> Và hãy nhập tiêu đề -> Click vào HTML" mình tìm nó ở đâu. Xin lỗi vì mình mới tiếp cận lĩnh vực này.

    Trả lờiXóa
    Trả lời
    1. Blogger.com -> Bạn sẽ thấy blog của mình -> Click vào blog -> Bên phía bên trái có chữ Trang, click vào đó -> Nhìn lên một chút thấy chữ Trang mới, click vào tạo trang. Nhớ chuyển ngôn ngữ sang tiếng việt nhé

      Xóa
    2. Bạn An Thành thân mến! mình đã làm đúng như bạn chỉ dẫn nhưng sao không thấy gì nhỉ. phải chăng blog mình bị lỗi gì nhỉ. Bạn tiếp tục chỉ dẫn giúp mình với nhé.

      Xóa
    3. Mình đã làm được và lúc đầu minh tưởng khách nhìn thấy nhưng hóa ra là chỉ mình nhìn thấy thôi. Cảm ơn bạn.
      Cho mình hỏi luôn rằng mình muốn đóng khung cái header blog trong một khung chữ nhật nhìn cho nó gọn và chỉnh tỷ lệ đầu, thân, chân blogspot cho cân đối: mình tìm bài hướng dẫn ở đâu trong blog TEROCKET. Cảm ơn bạn .

      Xóa
    4. Blog của bạn là gì nhỉ? Mình vẫn chưa hiểu câu hỏi của bạn? Bạn nói rỏ hơn được không?

      Xóa
    5. Đây là blog của mình: http://baohiemxahoidabac.blogspot.com bạn ạ. mình muốn đóng khung viền cái chữ" BẢO HIỂM XÃ HỘI HUYỆN ĐÀ BẮC" ấy lại và chỉnh lại tỷ lệ giữa cái tựa đề của blog với phần trình bày bài viết cho cân sứng nhau, nói nôm na là blog BẢO HIỂM XÃ HỘI HUYỆN ĐÀ BẮC: hiên nay như một chàng trai đầu to hơn thân. Xin lỗi bạn khó diễn đạt ghê, bạn chỉ giúp mình nha.

      Xóa
    6. Trước hết cậu thiết kế 1 cái logo đã nha, Cậu vào Bố Cục -> Tìm cái khung Có chữ (tiêu đề) -> Chỉnh sửa -> Tải logo lên thay thế chữ kia nha :D

      Xóa
    7. Xin chào An Thành Nguyễn. Mình đã tạo xong logo http://baohiemxahoidabac.blogspot.com/ rồi bạn hướng dẫn giúp mình:
      1/ Tải hình nền cho header sau đó mình muốn đóng khung nó lại
      2/ chỉnh lại tỷ lệ giữa cái tựa đề của blog với phần trình bày bài viết cho cân sứng nhau với nhé, hoặc nếu bạn đã hướng dẫn ai đó trước mình thì làm ơn chỉ giúp cho mình cái link đó để mình mò nhé. cảm ơn bạn.

      Xóa
    8. Bro ơi (An Thành Nguyễn) đi đâu hay bận gì thế, mấy bữa nay mong như mong mẹ về chợ rồi này.

      Xóa
  3. Bác tạo ra cái code Tùy chỉnh được số label mình muốn hiển thị mới là Pro, bác làm đi nhé

    Trả lờiXóa
  4. có cách nào tạo sitemap chỉ có danh sách các bài viết trong blog không hả ad?

    Trả lờiXóa
  5. Được đó

    ==========================
    Mời các bạn ghé thăm:
    http://www.vuilam.net

    Trả lờiXóa