Sitemap đơn giản mà đẹp cho blogspot theo label

Sitemap đơn giản mà đẹp cho blogspot theo label

Với thủ thuật blog này, bài viết sẽ được tổng hợp theo phân mục nhãn Label, có nghĩa là các bài viết, khi xuất hiện sẽ được xuất hiện theo từng nhãn Label.

Tạo site trên google để google index kết quả và kiểm tra 

- Trước tiên, đăng nhập vào tài khoản emai đã đăng ký cho blog cần tạo sơ đồ.
- Bấm vào link: https://www.google.com/webmasters/tools/ . Bấm vào nút màu đỏ có tiêu đề "Thêm trang web" - một cửa sổ bật ra, bạn nhập link blog cần tạo sơ đồ vào đó. Sau đó bấm "Tiếp tục" [1] (ảnh dưới), lúc này trên màn hình hiển thị: "Trang web của bạn đã được thêm vào tài khoản của bạn.".

- Bấm tiếp "Sơ đồ trang web" [2] (ảnh dưới).

- Tiếp tục bấm "Thêm kiểm tra sơ đồ trang web" - [3]. Một cửa sổ tiếp theo hiện ra - dán đoạn code trong khung dưới đây vào khung nhỏ - hiển thị sau phần đuôi link blog của bạn [4]. Cuối cùng bấm "Gửi sơ đồ trang web" [5] (xem ảnh dưới).
/atom.xml?redirect=false&start-index=1&max-results=500
Tạo trang của blogspot chứa sitemap:

- Đăng nhập vào blog, bấm "Thiết kế" hoặc từ "Trang tổng quan",...
- Bấm chuột vào hình tam giác nhỏ [6], một cửa sổ thả xuống, bấm tiếp vào "Trang" [7] sẽ hiện ra bảng điều khiển (xem hình dưới).


Tạo trang sitemap cho blogspot và kiểm tra

- Bấm vào "HTML" [9] (để chuyển sang chế độ soạn thảo HTML) trong giao diện trang (ảnh trên) và dán vào phần nội dung đoạn mã sau:

Blog Title → Trang → Trang mới → Vào phần HTML → Và copy nội dung code ở Bước 2 dưới đây vào và Xuất bản nhé.

<script src="https://googledrive.com/host/0B-0uHUanipfMMWlMUHJjcERkVFU" type='text/javascript'></script>
<script src="http://www.AAAAAAAA.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<p style="display:none;"><a href="http://www.terocket.com/">Terocket</a></p>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>

Lưu Ý : Thay địa chỉ website trong đoạn code trên : 
http://www.AAAAAAAA.com/ bằng địa chỉ blogspot của bạn

Share on Google Plus

Unknown

Cùng trải nghiệm công nghệ miễn phí
    Blogger Comment
    Facebook Comment

0 comments: