• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tạo Sitemap đẹp cho blogspot

62
16/04/2011

Sơ đồ site (sitemap) rất quan trọng cho một website cũng như cho webblog. Nó giúp người lướt web dễ dàng tìm đến những chuyên mục trong toàn site để tìm một bài viết nào đó, ngoài ra còn giúp cho webmaster quản lý chặt chẽ nội dung site. Đối với cộng đồng Blogger, lâu nay các blogspotter vẫn hay dùng Table of Contents bằng script của Abu Farhan. Kiểu sitemap này có một điểm yếu là liệt kê tất cả các nhãn trên blogspot. Tuy nhiên các blogspotter thì lại thích liệt kê bài viết của một số nhãn nào đó (tức là nếu không thích liệt nhãn nào thì nhãn đó sẽ không nằm trong Sitemap, điểm này rất cần thiết). Giải pháp tối ưu là phải làm sao có một sitemap đáp ứng được nhu cầu tùy biến của blogspotter. Sau khi nghiên cứu vấn đề này, mình đã nghĩ ra ý tưởng vận dụng cách liệt kê các bài viết của một nhãn, một script rất phổ biến trên cộng đồng Blogger, để tạo ra Sitemap, kết hợp CSS tạo hai cột, vừa tiết kiệm không gian web, vừa giúp người dùng dễ dàng tùy biến theo ý thích, như Sitemap của Thủ thuật Blogger vậy.

Để tạo Sitemap như vậy, bạn hãy thực hiện như sau.

Bước 1. Đăng nhập Blogger, vào Posting (Đăng bài viết) để tạo một bài viết có tiêu đề là Sitemap (để trống phần nội dung), xuất bản bài viết để lấy URL cho trang Sitemap.

Bước 2. Vào Design >> Edit HTML. Đặt đoạn code sau đây vào trước thẻ </head>.

<b:if cond='data:blog.url == &quot;URL_trang_Sitemap&quot;'>
<script type='text/javascript'>
//<![CDATA[
function allpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {

if (json.feed.entry[i].link[j].rel == 'alternate') {

break;

}

}

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";

document.write(item);
}

document.write('</ul>');
}
//]]>
</script>
<style type='text/css'>
#sitemap{width:900px;margin:0;padding-bottom:15px;background:#ffffff;float:left;}
#sitemap ul li {list-style: disc url(/iconslist.gif) inside; vertical-align: top; padding-left:10px;margin: 0;}#sitemap ul li:hover {list-style: disc url(/iconslisthover.png) inside; vertical-align: top;padding-left:10px;margin: 0;}
.sm-left{float:left;width:45%;margin:0 20px 0px 20px;font-size:14px;tex-align:justify}
.sm-right{float:right;width:45%;;margin:0 20px 0px 20px;font-size:14px;tex-align:justify}
p.smtitle {border-bottom:1px dotted #789;clear:both;color: #2554C7;font-family:Century Gothic;font-size:25px;padding:10px 50px 5px 0;text-align:right;text-shadow:2px 2px 1px #789;text-transform:lowercase;}
#content-wrapper{display:none}
</style>
</b:if>

Trong đoạn CSS ở trên, chú ý thuộc tính display:none để ẩn đi một số ID và CLASS cần thiết. Tải 2 file icon về áp dụng cho blogspot của bạn, tránh dùng chung file: iconslist.gif iconslisthover.png.

Lưu Template.

Bước 3. Tìm dòng <div id='content-wrapper'> và đặt trước nó bằng đoạn code bên dưới.

<b:if cond='data:blog.url == &quot;URL_trang_Sitemap&quot;'>
<div id='sitemap'>
<div class='sm-left'>
<p class='smtitle'><a href='/search/label/Nhãn 1?max-results=10'>Nhãn 1</a></p>
<script src='/feeds/posts/summary/-/Nhãn 1?max-results=500&amp;alt=json-in-script&amp;callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Nhãn 2?max-results=10'>Nhãn 2</a></p>
<script src='/feeds/posts/summary/-/Nhãn 2?max-results=500&amp;alt=json-in-script&amp;callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Nhãn 3?max-results=10'>Nhãn 3</a></p>
<script src='/feeds/posts/summary/-/Nhãn 3?max-results=500&amp;alt=json-in-script&amp;callback=allpostslist'/>

</div>

<div class='sm-right'>

<p class='smtitle'><a href='/search/label/Nhãn A?max-results=10'>Nhãn A</a></p>
<script src='/feeds/posts/summary/-/Nhãn A?max-results=500&amp;alt=json-in-script&amp;callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Nhãn B?max-results=10'>Nhãn B</a></p>
<script src='/feeds/posts/summary/-/Nhãn B?max-results=500&amp;alt=json-in-script&amp;callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Nhãn C?max-results=10'>Nhãn C</a></p>
<script src='/feeds/posts/summary/-/Nhãn C?max-results=500&amp;alt=json-in-script&amp;callback=allpostslist'/>

<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.huynh-nhat-ha.blogspot.com/2011/04/sitemap-for-blogspot.html" target="_blank">Add to your blogspot ?</a></p>
</div>
</div>
<div style='clear: both;'/>
</b:if>

Chú ý: Ở đây phần nằm sau thẻ <div class='sm-left'> là cột bên trái, phần nằm sau thẻ <div class='sm-right'> là cột bên phải. Tùy theo số lượng nhãn và số lượng bài viết trên blogspot mà bạn phân phối và bố trí thêm bớt các nhãn sao cho cân đối, theo định dạng như trên.

Lưu Template là OK. :47)

{62 bình luậnAdd yours ?}

11:42:00, 16 thg 4, 2011

anh Ha có thể viêt sgiúp em cái code của lịch phát sóng các kênh truyền hình đc không.em tìm mãi chỉ thấy lịch phát sóng các kênh bóng đá thôi.ko có lịch các kênh truyền hình

Reply
13:44:00, 16 thg 4, 2011

Hà đặt code quảng cáo kiếm tiền nhiều quá nhỉ, cậu cho 2 $ mua tên miền đi

Reply
17:12:00, 16 thg 4, 2011

Thủ thuật này không ăn tiền..quá rắc rối em không áp dụng được Bác Hà Labels của em tới 100 label vậy code là bao nhiêu? em pó càn luôn nà Bác..

Reply
19:44:00, 16 thg 4, 2011

@Tịch Phi Dương Nếu nhiều Label không chịu khó làm thì đành xài cái Table of Content vậy. Nếu chịu khó tí sẽ được thôi. Cái này trong vòng dưới 50 nhãn thì quá khỏe

Reply
19:45:00, 16 thg 4, 2011

@Minh Quân Đặt ad cho đỡ trống vắng thôi, kiếm $ thì không hy vọng lắm

Reply
21:13:00, 16 thg 4, 2011

Cái này hay đó Hà !:55) Sắp tới chắc phải thay cái đang dùng thôi :51)

Reply
21:16:00, 16 thg 4, 2011

À, quên mất : Hà cho cái "authorUrl" thuộc tính "_blank" có vẻ hay hơn đấy:54)

Reply
23:16:00, 16 thg 4, 2011

bác Hà này thật là ăn chơi quá nhé :)) đặt ads cho đỡ trống vắng ;))

Reply
01:33:00, 17 thg 4, 2011

Sốc thiệt, cho tớ mượn 10$ để mua cái .net để lập nghiệp thôi mà :51)

Reply
01:53:00, 17 thg 4, 2011

chú em này, chưa đủ 18 tuổi thì k nên tham gia MMO, lập nghiệp sớm vậy. A k transfer money dạng cá nhân đâu, Paypal dạo này nghiêm lắm, lạng quạng là limit tài khoản thì rắc rối đấy.

Reply
08:05:00, 18 thg 4, 2011

Hà này ! Hôm bữa comment lúc đầu thấy hiện lên, nhưng hôm sau vào lại không thấy đâu cả.:57).Hà xem lại nhé !

Reply
09:07:00, 18 thg 4, 2011

Nó vọt vô Spam filter ấy mà, hì :51)

Reply
23:35:00, 22 thg 4, 2011

Hôm nay chính thức áp dụng Style này cho iTechPlus sitmap. iTechPlus vẫn giữ quan điểm cũ là thủ thuật này rất hay. Hy vọng Hà sẽ đọc được những dòng này. Thanks ! :55)

Reply
05:16:00, 1 thg 6, 2011

Các bác ghé xem bên này nè. Có 3 dạng site map đẹp cho các bác

Reply
14:15:00, 20 thg 6, 2011

TEMPLATE ERROR: Extra characters at end of string: buf=[&alt] remainder=[=json-in-script&callback=allpostslist] TEMPLATE ERROR: Extra characters at end of string: buf=[&alt] remainder=[=json-in-script&callback=allpostslist] lỗi rồi nè :69) http://www.truyenjava.co.cc/p/sitemap.html sửa lại giùm em cái coi

Reply
01:28:00, 4 thg 8, 2011

em cũng bị lỗi giống truyênJava phiền anh huóng dẫn khắc phục :55)

Reply
07:33:00, 4 thg 8, 2011

Đã update lại cho bạn, thử lại xem nhé.

Reply
01:34:00, 5 thg 8, 2011

quá hay em làm như huớng dẫn chuẩn luôn
cảm ơn anh !:63)

Reply
Yolks
AUTHOR
16:36:00, 10 thg 9, 2011

Sơ đồ trang web là HTML
Sơ đồ trang web của bạn dường như là một trang HTML. Hãy sử dụng định dạng sơ đồ trang web được hỗ trợ để thay thế. Cái site map của em ko dc hả a Hà , mời a qua coi chơi , sao mà google ko chịu

Reply
Yolks
AUTHOR
11:43:00, 11 thg 9, 2011

A hà ơi xem giùm em gấp

Reply
12:23:00, 11 thg 9, 2011

Sitemap của e được rồi mà, vấn đề của e là gì vậy, nói rõ nhé.

Reply
Yolks
AUTHOR
13:01:00, 11 thg 9, 2011

Google báo lỗi là Sơ đồ trang web của bạn dường như là một trang HTML. Hãy sử dụng định dạng sơ đồ trang web được hỗ trợ để thay thế . bó Tay

Reply
15:37:00, 11 thg 9, 2011

Trang http://www.vngreenzone.com/p/sitemap.html của Yolks có sao đâu hè. Hay là sitemap trong Webmaster.

Reply
15:55:00, 11 thg 9, 2011

Em cũng chưa hiểu ý Yolks là gì? Truy cập vào sitemap của VnGreenzone vẫn thấy bình thường mà nhỉ?

Reply
Yolks
AUTHOR
16:07:00, 11 thg 9, 2011

em cũng chẳng hiểu bác google bó tay

Reply
23:40:00, 13 thg 10, 2011

Bác Hà ơi trong Template của mình không có dòng code ở Bước 3 thì làm thế nào? :B)

Reply
23:48:00, 13 thg 10, 2011

@24h-Cafe Dòng này trong Temp: <div id='cwrapper'> tương đương như Bước 3

Reply
00:02:00, 14 thg 10, 2011

Cảm ơn bác, Goodnight

Reply
21:53:00, 15 thg 10, 2011

Thủ thuật này rất hay! Sau khi áp dụng trên blog của mình, có 1 vài nhận xét sau:
- Nó không hỗ trợ Tag ghi theo kiểu như thế này:
Tranh/Sao/Bau/Nhi
Violin | Cello
Nên chẳng có bài nào hiển thị hết! Híc...

- Nó hiển thị thiếu bài rất rất nhiều, đặc biệt là những bài post theo kiểu "lùi thời gian" thì đừng mong có feed cho nó load!
Có thể nói đây là "bệnh nan y" từ trước đến nay, mình chưa thấy có một thủ thuật tạo Sitemap nào cho blog mà hiện đủ tất cả các bài đã đăng!!

- Trên blog có 2000 bài trở lên và nhiều label thì mình thấy nó load không ổn định, một vài label lúc tải lúc không! Mà hình như nó bị hạn chế số lượng 500 bài thì phải, bởi mục "Instrumentals" trên blog của mình có cả thày là 2444 bài mà chỉ hiện 500 bài (mặc dù mình đã chỉnh max-results=4000)!!

Muốn test thì đây (Bên blog tui hẻm biết bị kiểu gì mà sitemap tạo ra mấy dòng text không canh "trái" được nhìn thật là "gai mắt"!):
http://vnltue.blogspot.com/2009/07/table-of-contents.html

Reply
22:29:00, 15 thg 10, 2011

@vnltue Xem mấy đoạn CSS này nè:

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: #000000;
background: #616c7f;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
#outer-wrapper {
margin: 0 auto; /* to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 15px;
margin-bottom: 30px;
position: relative;
width: 100%;
text-align: center;
}
#blog-wrapper {
margin: 0 auto; /* to make the template lay in the screen center */
padding: 6px 8px 6px 6px;
margin-top: 15px;
margin-bottom: 10px;
text-align: center;
position: relative;
width: 940px;
background: #ffffff;
border: 1px solid #616c7f;
}

Thấy text-align: center là canh giữa thì bảo sao nó k canh đều bên trái. Chỉnh lại đi, hoặc xóa quách nó đi nhé.

Reply
23:00:00, 15 thg 10, 2011

@Huỳnh Nhật Hà

Cảm ơn bác! Đã xong!:1)
Mà cái Template bác làm đến đâu rùi?! Mình có định chỉnh lại 1 vài thứ (chủ yếu là hình Thumbnail,phần Related Post, lúc trước 8 hình giờ giảm xuống còn 6 hình nhưng kích thì tăng lên 100x100px)!! Nói chung đang trông ngóng cái Template!:1)

Reply
15:49:00, 17 thg 10, 2011

Nếu thay những dấu chấm đầu câu bằng hình ảnh mật định cho từng nhã có được không bác. Nếu được bác hướng dẫn với. Cảm ơn nhiều

Reply
15:57:00, 17 thg 10, 2011

@24h-Cafe Được chứ, ví dụ với tiêu đề Nhãn 1 thì thay Nhãn 1 thành <img src="URL_icon cho Nhãn 1"/> Nhãn 1

Reply
16:29:00, 17 thg 10, 2011

@Huỳnh Nhật HàAnh Hà chưa hiểu ý mình rồi, mình muốn thay ảnh vào chỗ làm dấu màu xanh (hình đính kèm), Còn anh hướng dẫn thì làm được như trong hình chỗ màu nâu (hình cờ VN, là chưa phải ý mình mong muốn. Mong anh giúp đỡ.
http://2.bp.blogspot.com/-fn_9TqYtqQs/Tpvz4Cc_D3I/AAAAAAAABAk/snJm8GMW1ZU/s1600/Hinhanh.jpg

Reply
16:36:00, 17 thg 10, 2011

@24h-Cafe A, nếu muốn icon cho từng list bài theo nhãn thì k được đâu. Chỉ dùng cho tiêu đề nhãn thôi à. Mà 24h-Cafe cũng thích ngộ ghê, chưa từng thấy đó.

Reply
20:40:00, 17 thg 10, 2011

@Huỳnh Nhật HàCảm ơn bác Hà, nhất là trong thời gian đã giúp đỡ mình rất nhiều, mình thích cái này là làm cho trang sitemap đẹp hơn.

Reply
00:42:00, 22 thg 10, 2011

a hà ơi blog e k có dòng <div id='content-wrapper'> thì làm sao ạ

Reply
13:11:00, 31 thg 10, 2011

a Hà đâu rồi trả lời e đi ạ! 10 ngày rồi a ơi

Reply
13:19:00, 31 thg 10, 2011

@UBanks Trong trang của em thẻ tương đương là <div id='main'>. Sorry nhé, k đọc hết comment.

Reply
09:49:00, 8 thg 11, 2011

Anh Hà ơi của em bị thế này ( http://www.vnsupercar.net/p/sitemap_16.html ) thì làm sao hã anh

Reply
00:17:00, 23 thg 11, 2011

Anh Hà sao sitemap của em 2 cái nằm 2 đường mà ko nằm cùng 1 hàng cho ngay ngắn là thế nào ấy nhỉ? anh xem giùm em vơi
http://quangpro1610.blogspot.com/p/sitemap.html

Reply
12:34:00, 23 thg 11, 2011

anh Hà lên mạng mà ko trả lời giùm em cái coi nào:7) :C)

Reply
13:00:00, 23 thg 11, 2011

@Quang Như thế OK mà, giống sitemap của TTB rồi còn gì.

Reply
23:59:00, 29 thg 11, 2011

Anh Hà giúp em tạo 1 trang đăng ký trong blogspot được không ah!

Reply
17:20:00, 1 thg 12, 2011

anh Hà ơi không tìm thấy (div id='content-wrapper'> mà cũng không thấy (div id='main'> luôn, mình lấy dòng nào anh. Cái blog Nahity của em ấy.

Reply
22:56:00, 6 thg 12, 2011

anh Hà ơi, anh về chưa mà không thấy anh trả lời gì hết zị >.< em tìm không thấy div id='content-wrapper' mà cũng không thấy div id='main' zậy mình lấy dòng nào anh. blog em nè nahitygroup.blogspot.com

Reply
08:22:00, 22 thg 12, 2011

Bác HÀ giúp em cái coi.simap của em tạo theo bac hướng dẫn nhưng xấu quá.phải đặt chỗ nào cho đẹp đây

Reply
14:51:00, 31 thg 12, 2011

Anh Hà ơi làm sao sắp xếp bài viết theo thứ tự abc trong sitemap được đây. Em tìm khắp nơi mà không thấy. Label thì là bằng tay được còn bài viết thì em bó tay. Giúp em với

Reply
10:23:00, 25 thg 2, 2012

bạn biết nhiều thủ thuật quá vậy ta

du hoc Anh

Reply
10:00:00, 28 thg 3, 2012

em muốn tạo sitemap để seo cho blog mà không biết cách tạo, đã thử nhiều cách trên google mà không được. mong các sư huynh chỉ dạy.

Reply
17:54:00, 26 thg 4, 2012

Blog em ko có dòng div id='content-wrapper' ấy ạ.
Không hiếu sao vừa rồi comment ko hiện ra.

Reply
22:54:00, 26 thg 4, 2012

@zhu geliang Dòng này nè:
div id='content-outer'

Reply
01:18:00, 27 thg 4, 2012

@Fairstar

Bác namkna phải không ạ.
Em đã thử tìm dòng div id='content-outer' tuy nhiên blog em cũng ko có dòng này.
Em thử đặt trên dòng div class='content-outer' thì cũng không được.
Bác có thể xem lại hộ em đc ko ạ. Mong sớm nhận hồi âm của bác.
Thanks bác trước.

Reply
21:41:00, 22 thg 6, 2012

@zhu geliangNamkna nào ở đây bạn. Zui tính nhểy.
Bạn thử search với từ bài đăng trên blog rồi tìm id trên nó!!

Reply
22:42:00, 30 thg 6, 2012

Biết thêm một thủ tâậut hay nữa .Cảm ơn bạn nhé
Xem Boi

Reply
06:28:00, 28 thg 7, 2012

Bài viết của bạn hay lắm, mình đâ áp dụng thành công.

Reply
16:11:00, 18 thg 6, 2013

Chào bạn, mình có dùng thủ thuật của Ankit Kumar Singla và tạo sitemap theo trang bên blog của mình, nhưng vấn đề là các label ko dc sắp xếp theo aphabe. Bạn có thê giúp mình dc ko? Đây là blog của mình: http://namle05031987.blogspot.com/

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn