Tạo sitemap cho blogger với thumbnails cực đẹp

làm sao để có 1 sitemap ( sơ đồ) Blogs thật đẹp và dễ nhìn ?

Xin chào các bạn, nói đến sitemap , thì chắc hẳn các bạn biết nó làm gì ? và nó quan trọng như thế nào rồi nhỉ ?  

Mình nói sơ qua về nhiệm vụ và tầm quan trọng của sitemap đối với 1 blogs ..

Sitemap nói dễ hiểu hơn nó là sơ đồ trang web của bạn, tạo ra nó chính là chúng ta tạo danh 1 danh mục liên kết tất cả những đường dẫn, nhưng thông tin mà chúng ta muốn chuyền đạt 1 cách dễ dàng rất cho khách truy cập. Sitmap công dụng thì rất nhiều nhưng công dụng chính của nó là để cho khách truy cập, tìm 1 bài viết nào đó trên website mà bài viết đó không hiển thị ở index ( trang chủ) Sitemap là một sự cần thiết quan trọng cho 1 website, blogs để đạt được những bước tìm kiếm nhanh thêm nữa là . một website có hệ thống tìm kiếm dễ dàng thì không chỉ khách truy cập cảm thấy hài long, mà còn google sẽ index bài viết rất nhanh, và có thể website bạn có thể có ích cho việc quảng cáo của google trên website hay blogs của bạn. Hôm nay mình sẽ hướng dẫn các bạn thực hiên làm 1 sitemap ( sơ đồ) đơn giản nhưng khá đẹp  có thumbnals bên cạnh, và chúng ta thực hiện trên blogger, ( blogspot) sơ đồ blogger với thumnails nhỏ gọn dễ tìm kiếm Để làm được như trên chúng ta đi tìm hiểu từng bước nhé : B1 : Các bạn đăng nhập vài blogger --> Page(trang) và tạo thêm 1 page mới tạo sitemap đơn giản cho blogger Bước 2: Chèn đoạn code sau vào trang và click Cập nhật (Xuất bản) Xem Code 1 <script src='https://phucnguyennit.googlecode.com/svn/sodo/phucnguyenit.blogspot.com-sitemap.js'> </script> <script style='text/javascript'> var numposts = 999; var showpostthumbnails = true; var displayseparator = true; </script> <script src="http://www.phucnguyenit.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script> Thay http://www.phucnguyenit.blogspot.com bằng link trang web của bạn   Lưu ý: Bạn có thể sử dụng cách này để tạo trang liệt kê bài viết cho từng labels (nhãn) để tăng mức độ thân thiện với công cụ tìm kiếm của google bằng cách thay đoạn code: default?orderby=published Bằng: default/-/Your%20Label?orderby=published Và thay Your%20Label bằng nhãn của bạn. Bước 3: Chọn Mẫu (Template) –> Chỉnh sửa HTML tìm đến đoạn sau:   sitemap blogger   Xem Code ]]></b:skin> Thêm mã css này vào bên trên code trên: Xem Code 1 .sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}</b><b>.sitemap-container:hover {background-color:#fafafa;}</b><b>.<a title="thumbnail" href="http://phucnguyenit.blogspot.com/">thumbnail</a> {width: 60px; height: 90px; float: left; top:0px;}</b><b>.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}</b><b>#postimg {margin-top: 10px;  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 60px; border: 2px solid #eee;}</b><b>#list{list-style: none; padding-left: 0px; margin-left: 0px;}</b><b>.li-pages{list-style:none;} Sau đó Lưu (Save) Bây giờ hãy truy cập đường dẫn http://www.blogcuaban.com/p/sitemap.html và xem kết quả nhé   Lưu ý: Các bạn nên đặt tên trang là Sitemap thì url của trang sẽ ra là sitemap như vậy gọn gàng và đẹp hơn. Sau đó xuất bản. Để sửa tên của Trang thì bạn chọn trang và chỉnh sửa. Điều này không ảnh hưởng đến url của trang. Nếu bạn đặt tên trang ngay từ đầu là Sơ đồ trang web thì url của trang sẽ rất xấu và không như mong muốn đâu nhé, google có thể sẽ bỏ mất chữ đ trong url đấy. Nguồn chia sẻ thủ thuật bloggspot : PhucNguyenIT.Blogspot.com