Thư viện

Trải nghiệm

Thứ Bảy, tháng 8 13, 2011

Tạo Sitemap đẹp cho blogspot

Cách tạo một site (sơ đồ blog) map đẹp và có tốc độ load cực nhanh cho blogspot - Cách tạo mục lục đẹp cho blogspot

Chia sẻ:
Tạo Sitemap đẹp cho blogspot
Hiện nay các Kiểu sitemap 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 Cách tạo một site map đẹp và có tốc độ load cực nhanh cho blogspot

XEM VIEW DEMO

Tạo Sitemap đẹp cho blogspot
Ảnh minh họa
Để tạo Sitemap như vậy, bạn hãy thực hiện như sau.

☼ Cách thêm Sitemap 2 cột cho blogger:


   1- Đăng nhập vào Blog
   2- Vào Đăng bài mới (Posting) để 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.
   3- Vào Mẫu (Template)
   4- Vào chỉnh sửa HTML (Edit HTML).
   5- Đặ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 {background:#FFFAF0;max-height: 250px !important; overflow:auto; padding:5px 10px;margin:0;list-style-type:none}
#sitemap ul:hover {background:#FDF5E6} 
#sitemap ul li {list-style: disc url(http://2.bp.blogspot.com/-6ov-9-h3dH4/T45xkkXrEmI/AAAAAAAABJ8/iDoLjWgqiQU/s1600/iconslist-namkna-blogspot-com.gif) inside; vertical-align: top;  padding-left:10px;margin: 0;}
#sitemap ul li:hover {list-style: disc url(https://lh5.googleusercontent.com/-wdVLNodLMm8/T45xvA5inyI/AAAAAAAABKE/mIDqQAvFFEU/h120/iconslisthover-namkna-blogspot-com.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>
Tùy chỉnh:
  • Bạn chú ý phần màu xanh mình đã thêm vào để làm cho site map đẹp hơn với các nhãn có nhiều bài đăng sẽ xuất hiện thanh cuộn. 

  • màu đỏ là hiệu ứng nền khi chưa dê chuột.
  • màu cam là hiệu ứng khi dê chuột vào. 
  • Các bạn có thể thay chúng thành mã màu của bạn. (xem mã màu tại đây)
  • Chú ý thuộc tính display:none để ẩn đi một số ID 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 (file ảnh khi chưa dê chuột vào tiêu đề bài viết) và iconslisthover.png (file ảnh khi dê chuột vào tiêu đề bài viết) .

    6- Bấm Lưu Mẫu lại.

    7- Tìm dòng:
<div id='content-wrapper'>
- Đặ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'>Tiêu đề 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'>Tiêu đề 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'>Tiêu đề 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'>Tiêu đề 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'>Tiêu đề 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'>Tiêu đề 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://namkna.blogspot.com/2011/08/tao-sitemap-ep-cho-blogspot.html"
 target="_blank">Add to your blogspot ?</a></p>
</div>
</div>
<div style='clear: both;'/>
</b:if>
Tùy chỉnh!
  • Phần nằm sau thẻ <div class='sm-left'> là cột chứa các nhãn bên trái,
  • Phần nằm sau thẻ <div class='sm-right'> là cột chứa các nhãn 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.
  • Thay các phần Nhãn 1,2,3Nhãn A,B,C thành tên các nhãn.
  • Thay Tiêu đề Nhãn 1,2,3Tiêu đề Nhãn A,B,C thành phần mô tả của các nhãn tương tứng.
Lưu ý: Blog của bạn phải đăng ký nguồn cấp dữ liệu của feedbune để lấy dữ liệu nha. Nếu chưa đăng ký thì xem bài này: Cách đăng ký và sử dụng FeedBurner cho Blogspot

    8- Bấm Lưu Mẫu lại. Finissh.
- Giờ bạn trở lại blog và vào bài viết bạn tạo ở bước 2 để xem thành quả nha.
(Thuthuatblogger.info)

84 nhận xét:

  1. Blog mình không có thẻ 'content-wrapper' thì chèn thế nào? :F)

    Trả lờiXóa
  2. @Tanchau123 Lần sau bạn nhiều blog thế thì để cho mình một cái liên kết đến trang đó nha. Chứ tìm 8 cái coi bạn hỏi cái nào thì đau đầu chết mất.
    - Trong blog "Blog Giải Trí Tổng Hợp" thì bạn tìm code sau:
    <div id='outer-wrapper'> :3) :3) :3)

    Trả lờiXóa
  3. Kha ơi! Giúp mình với, sau mình làm mà không giống như cái của demo của Kha vậy? link sitemap của mình:http://www.admincaptcha.info/2012/04/sitemap.html.
    Mong nhận được sự giúp đỡ của Kha.
    Cảm ơn:)

    Trả lờiXóa
  4. sorry Kha.Bố sung link sitemap của mình: http://www.admincaptcha.info/p/sitemap.html, mình đưa nhầm:)

    Trả lờiXóa
  5. Thủ thuật này hình như bên Huyenhf Nhật Hà thì phải :3)

    Trả lờiXóa
  6. @Admin Bạn muốn nó gọn gàng như của mình mà không trải dài thì thêm thuộc tính max-height vào ddaonj code sau:
    #sitemap ul li {list-style: disc url(/iconslist.gif) inside; vertical-align: top; padding-left:10px;margin: 0;}

    - Sau khi thay nó sẽ thành
    #sitemap ul li {list-style: disc url(/iconslist.gif) inside;max-height: 250px !important; vertical-align: top; padding-left:10px;margin: 0;}

    - Lưu lại và kiểm tra kết quả nha,

    Trả lờiXóa
  7. @Nguyễn Hải ™ Uk trong phần trên mình có đề cập đến bác Hà rùi đí (thuthuatbloger.info):3) :3) :3)

    Trả lờiXóa
  8. @Fairstar Mình đã cập nhật ở bước 5 trong bài viết rùi đó bạn coi lại đi nha. thêm hẳn 2 đoạn mới vào đó.

    Trả lờiXóa
  9. Mình làm được rùi,cảm ơn Kha nhiều lắm:)

    Trả lờiXóa
  10. @Admin uk chúc mừng bạn. Dùng tempkate đó load ổn chứ :3) :3) :3)
    - Ak mà mình tên là "Nam" còn Kna chỉ là viết tắt nghề mình thui. Cứ gọi mình là Nam nha :3) :3) :3)

    Trả lờiXóa
  11. OK:).Nam giúp mình cái này với, mình mún tạo emotion cho template Johny Soulmater vậy phải làm sao Nam? Giúp mình code với nhe!Cảm ơn Nam trước:)

    Trả lờiXóa
  12. quên nữa! Template chạy Ok lắm :3) :3) :3) :3) :3).Thanks Nam :3)

    Trả lờiXóa
  13. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  14. @zhu geliang Đoạn này nè bạn
    <div class='content-outer'>
    :3) :3) :3)

    Trả lờiXóa
  15. Em đã thử và kết quả thì thế này:
    http://nl2.upanh.com/b5.s28.d2/91efc1cfe39926d46bf0a74f012ac66a_44261712.linkmf.png
    Bác có thể xem lại giúp em được ko ạ.
    Rất mong nhận được hồi âm của bác.

    Trả lờiXóa
  16. Nguyễn Hải blOg vừa đạt PR =2 trong vòng 1 tháng. Qua ủng hộ nhé | http://nguyenhaiblog.blogspot.com/2012/05/nguyen-hai-blog-pr-2-trong-vong-1-thang.html

    Trả lờiXóa
  17. @zhu geliang Và sửa lại đoạn

    #content-wrapper{display:none}

    Thành:

    .content-outer{display:none
    Để ẩn đi nội dung trang!

    Trả lờiXóa
  18. @Nguyễn Hải ™ Nhanh đấy nhỉ :D Nhưng cái page rank của google đó không chính xác lăm s như Alexa đâu :3) :3) :3)

    Trả lờiXóa
  19. @FairstarHjx, có ngược không vậy, Alexa giờ đâu được đánh giá cao so với PR

    Trả lờiXóa
  20. Ok. Được rồi đó ạ.
    Tuy nhiên các phần tiêu đề, thanh menu, các tab widget khác đều mất hết ạ.

    Có cách nào giữ lại chúng ko ạ.
    Hoặc giữ lại tiêu đề và thanh menu thôi cũng đc ạ.

    Trả lờiXóa
  21. @Nguyễn Hải ™ Cách tính SEO 2012 của google hoàn toàn khác so với trước đây do vậy các chỉ số của PR không còn nhiều ý nghĩa như 2010 và 2011 nữa rùi. Hiện nay các blof web site mới lập thường có chỉ số PR rất cao nhưng nó se giảm dần nếu blog đó đặt nhiều backlink và các liên kết quửng cáo, hoặc tăng page rank bằng cách thuê lượng truy cập từ các trang nổi tiếng.
    - Với cách tính PR như hiện tại thì xếp hạng của các web site không còn nhiều ý nghĩa vì không phải blog có page rank cao là có nhiều người truy cập hơn web có PR thấp.

    - Google hiện cũng khuyến cáo chỉ số này chỉ đẻ tham khảo không nên tính vào SEO mà :3) :3) :3)

    Trả lờiXóa
  22. @zhu geliang Nếu thế thì bạn đặt đoạn code bước 7 vào trước thẻ :

    <div class='main-outer'>

    Và thay đoạn:

    #content-wrapper{display:none}

    Thành:

    .main-outer, .sidebar .widget{display:none}

    - Nếu muốn để lại siderbar thì xóa dòng .sidebar .widget ở trên như sau:

    .main-outer,{display:none}

    - Lưu lại là Ok.

    Trả lờiXóa
  23. Cám ơn bác nhé.
    Em muốn là phần site maps thay thế cho bài viết còn các phần khác giữu nguyên hết.
    Như vậy có được không ạ.

    Trả lờiXóa
  24. @zhu geliang Tất nhiên là dduwwocj tuy nhiên như thế cấu chúc template của bạn sẽ bị phá vỡ làm các sidernar và footer bị đẩy hết cuống chận blog. do chiều rộng của thủ thuật này là 1000 px mà.:3) :3) :3)

    Trả lờiXóa
  25. Tiện ích đã áp dụng ok rồi.
    Thanks Admin.
    Còn một số vấn đề này mong admin giúp đỡ.
    - Giữ nguyên chữ in hoa hay ko in hoa.
    - Cố định chiều cao của mỗi ô hiển thị cho tag.
    - Tiêu đề tag căn bên trái.
    - Có thể điều chỉnh độ rộng của tiện ích được ko ạ.
    Mong sớm nhận hồi âm của admin. Cảm ơn nhiều ạ.

    Trả lờiXóa
  26. @zhu geliang
    1- Điều chỉ độ rộng của tiện ích thì bạn thay đỏi dòng sau:

    #sitemap{width:900px;margin:0;padding-bottom:15px;background:#ffffff;float:left;}

    Với width:900px là dộ rộng.

    2- Tiêu đề căn trái thì đổi dòng text-align:right trong đoạn code sau:

    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;}


    thành: text-align:left

    3- giu nguyên in hoa in thường thì xóa dòng text-transform:lowercase; trong đoạn code trên.

    4. Cố định chiều cao cho mỗi ô thì đổi dòng sau:

    #sitemap ul {background:#FFFAF0;max-height: 250px !important; overflow:auto; padding:5px 10px;margin:0;list-style-type:none}


    - thành
    #sitemap ul {background:#FFFAF0;max-height: 250px !important; min-height:250px !important; overflow:auto; padding:5px 10px;margin:0;list-style-type:none}

    - lưu lại là Ok.:3) :3) :3)

    Trả lờiXóa
  27. Ok. Thanks Admin nhiều.
    - Em muốn căn cho 2 cột ra giữa đc ko ạ (như bây giờ là căn trái ạ)
    - Có thay đổi màu nên cho các ô ko ạ.
    - Có thể gộp một vài tag vào một ô không ạ.
    - Có cách nào để tạo một ô lưu các bài mới nhất ko ạ.

    Thanks admin nhiều.

    Trả lờiXóa
  28. @zhu geliang
    1- Căn giữa tìm đoạn code sau:

    #sitemap{width:900px;margin:0;padding-bottom:15px;background:#ffffff;float:left;}

    - đổi float:left thành float:center

    2. Thay đổi màu nền thì bạn thay đổi Mã màu trong đoạn code sau:

    #sitemap ul {background:#FFFAF0;max-height: 250px !important; overflow:auto; padding:5px 10px;margin:0;list-style-type:none}
    #sitemap ul:hover {background:#FDF5E6}


    - Thay đổi phần in đậm thành Mã màu của bạn.

    + #FFFAF0 là mã màu khi chưa dê chuột vào..
    + #FDF5E6 là mã màu khi dê chuột vào.

    3.- Tiện ích lày hiện thị dựa trên cách lấy feed do vậy không gooppj được. Bạn chỉ có thể gộp cả một bên vào thôi.

    4. Nếu muốn tạo một ô bài viết mới thì bạn hãy tạo một tiện ích Recent post mà bạn thích vào.

    Trả lờiXóa
  29. Bác namkna có thể giúp em cố định chiều cao cho tiện ích Label như đã làm với tiện ích sitemap ko ạ.
    Em xin cảm ơn bác trước.

    Trả lờiXóa
  30. Hic.
    Bác namkna có thể giúp em cố định chiều cao cho tiện ích label.
    Giống như bác chỉ em tiện ích site maps đó ạ.
    Cảm ơn bác.

    Trả lờiXóa
  31. Chào bác, mong bác giúp em chính một số thứ sau:
    - Chỉnh chữ to hơn, khoảng cách giữa cách dòng lớn hơn.
    - Khung danh sách bài viết gần sát với tiêu đề nhãn
    - Khoảnh cách giữa khung trái và khung phải giảm xuống

    Rất mong sớm nhận hồi âm của bác.

    Trả lờiXóa
  32. @Link mediafire1. Chỉnh chữ to hơn, khoảng cách giữa cách dòng lớn hơn
    - Chỉnh cỡ chữ bạn chỉnh thuộc tính sau: font-size:14px (có 2 lần chỉnh)
    - Khoảng cách dòng margin:0 20px 0px 20px ( có 2 lần cnhinhr)

    2. Khung danh sách bài viết gần sát với tiêu đề nhãn

    #sitemap ul {background:#FFFAF0;max-height: 250px !important; overflow:auto; padding:5px 10px;margin:0;list-style-type:none}

    - Chginhr lại margin:0 (có thể dùng số âm. Lưu ý thêm px vào sau như sau: margin:0px

    3. Khoảnh cách giữa khung trái và khung phải giảm xuống => chỉnh padding:5px 10px

    Trả lờiXóa
  33. Ok rồi bác ạ.
    còn một vấn đề này nữa thôi ạ.
    - Làm sao có thể sắp xếp tên các bài theo thứ tự a, b, c,. .. (bảng chữ cái).

    Trả lờiXóa
  34. 2 Nam ! Blog của mình chỉ có div id='outer-wrapper' và mình đã đặt Bước 7 vào trước đoạn code đó cũng như cũng đã thay đổi #content-wrapper{display:none} thành .outer-wrapper{display:none} nhưng sao sitemap của mình cũng vẫn còn nguyên các side bar, bài viết ở dưới cái sitemap vậy? Nó ko có ẩn đi. hjx... Bây giờ mình sửa làm sao? Mong hồi âm sớm của bạn. Thanks

    Trả lờiXóa
  35. Website của mình nó như vậy nè: http://diemanuong365.blogspot.com/2012/11/sitemap-web-diemanuong365.html. Hướng dẫn giúp mình nhé Nam.

    Trả lờiXóa
  36. Đợi bạn lâu quá, mình mò ra luôn rồi. CUối cùng chỉnh sửa cũng thành công. Thanks bạn nhé! Mình chờ hồi âm cho phần bài keywords cho bài viết của bạn mà lâu quá!!! Mình muốn bạn hướng dẫn lại giúp mình. Hjx...

    Trả lờiXóa
  37. @Link mediafire Tiện ích này lấy bài theo feed do vậy không sắp xếp được đâu bạn ak. bạn chỉ có thể làm thủ công thôi.

    Trả lờiXóa
  38. @D.A.U Ngon Xin lỗi bạn tại thời gian trước mình bận quá không check kịp để trả lwoif cho các bạn.

    Trả lờiXóa
  39. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  40. anh Kha ah cứ làm theo hướng dẫn của anh là sẽ có một trang sitemap như demo của anh đúng ko ạ

    hay là còn phải mần mò như bạn
    "VISITOR
    Trả lời
    Link mediafire " hỏi đó

    em làm rồi mà nó không ra dạng có thanh cuộn như của anh ạ

    anh text giùm em nhé http://www.cachtaoblogspot.com/p/sitemap.html

    chúc anh một ngày tốt lành hi

    Trả lờiXóa
  41. @Ngọc Nhi Nó sẽ như thế này: http://demo-namkna.blogspot.com/p/so-do-trang-demo.html

    - Nếu muốn có thanh cuộn em phải chỉnh lại thông số sau: max-height: 250px !important Vì số bài viết trong mỗi nhãn của em hơi ít do vậy hãy giảm từ 250px xuống thấp hơn nha.

    Trả lờiXóa
  42. Namkna à, mình làm theo hướng dẫn của bạn thì được như thế này rồi, tiếp theo mình làm thế nào để được cái sitemap như của bạn nhỉ? ( Mình không thấy bạn hướng dẫn gì nữa...)

    Trả lờiXóa
  43. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
    Trả lời
    1. Bạn thay các tên nhãn mình đánh dấu màu đỏ ở trên thành tên nhãn của blog của bạn nha.
      Mỗi nhãn có 2 lần thay đó:

      Xóa
  44. Mình đã hiểu rồi. Cảm ơn bạn nha!...

    Trả lờiXóa
    Trả lời
    1. Không có gì hiện mình cũng đã thêm chú thích cụ thể trong bài viết rùi nên bạn có thể xem trên đó nha :))

      Xóa
  45. Mình muốn làm thành 1 cột và chỉ hiển thị trong khung bài viết (vẫn giữ thành phần bên phải của blog) có được không Namk?

    Trả lờiXóa
    Trả lời
    1. THay:

      .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}

      thành:

      .sm-left, .sm-right{width:90%;margin:0 20px 0px 20px;font-size:14px;tex-align:justify}

      Và chèn code bước 7 vào bài viết nha.

      Xóa
  46. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  47. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  48. Phần Nhãn 3 bị nhãn 2 bọc tương tự nhãn c cũng bị nhãn b bọc khi thay đổi màu cũng bị trùng bạn giúp mình để có sitemap giống của bạn với
    http://www.domuctainha.org/2013/05/Sitemap.html

    Trả lờiXóa
    Trả lời
    1. Lỗi này do chư thay tên nhãn vào. Hãy thay tên nhãn nàu đỏ vào nha.

      Xóa
  49. tình hình là ko có cái này <div id='content-wrapper'>

    Trả lờiXóa
    Trả lời
    1. Với blog suamaytainha của bạn thì tìm thẻ sau:

      <div id='main-outer'>

      Xóa
  50. anh ơi nhờ anh koi dùm em nó bị lỗi j http://www.it4any.com/p/sitemap.html
    em muốn nó xuất ra ở giữa trang giống với demo của anh thì làm sao, ở đây em tạo trang mới chứ ko tạo bài post mới vì trang mới nó có địa chỉ là /p giống anh chứ post nó ko có

    Trả lờiXóa
    Trả lời
    1. Em sủa đoạn:

      #sitemap{width:900px;margin:0;padding-bottom:15px;background:#ffffff;float:left;}

      thành:

      #sitemap{width:900px;margin:0 auto;padding-bottom:15px;background:#ffffff;float:center;}

      hoặc:

      Xóa
    2. em làm được rồi cảm ơn anh . Chúc anh sức khỏe ^^!

      Xóa
    3. Không có gì. rất vui vì có ích với em.

      Xóa
  51. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  52. .sm-left và .sm-right ở đoạn cuối bị thiếu chữ ở chỗ tex-align bạn ơi ^^

    Trả lờiXóa
    Trả lời
    1. 2 đoạn đó không hề thiếu gì. Câu hỏi của bạn không rõ ràng bạn ak.

      Xóa
  53. em không tìm thấy thể này anh ạ
    xem em với :http://vinet360.blogspot.com/

    Trả lờiXóa
  54. Sao mình không thấy dòng lệnh ở bước 3 đâu thì sao mà paste cai code đó vào hả admin?

    Trả lờiXóa
    Trả lời
    1. Chính là phần mẫu đó bạn.

      Ngoài ra blog của bạn chú ý đoạn sau:

      <div class="main-outer">

      hoặc:

      <div class="tabs-outer">

      Xóa
  55. Blog của em sao ko có code của bước 7 anh nhỉ. Em thử mấy code trong phần comment cũng ko có

    Trả lờiXóa
    Trả lời
    1. Blog bạn có thể là 1 trong 3 đoạn bên dưới nha.

      <div id='col1'>

      <div class='box'>

      <div class='entry'>

      Xóa
  56. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  57. (Bạn tham khảo ý kiến của mình khi anh nam chưa kịp trả lời nhé)
    bạn thử copy nữa dòng của code bước 7 và sử dung CTRL +F để tìm thử xem. vì có những dòng code mặc dù có trong template nhưng vẫn không tìm được
    Mình cũng bị nhưng bạn và mình tìm nữa ấy dòng thì nó hiện ra.
    bạn có thể xem blog của mình được làm giống như bài này

    Trả lờiXóa
  58. Anh namkna cho em hỏi tí. Sao khi blog của em chạy trên firefox thì độ rộng full màn hình còn chạy trên Chrome thì độ rộng nó bị thu hẹp vậy anh

    Trả lờiXóa
  59. Có cách nào sửa được link sitemap không Nam. Mặc đinh là http://www.duongdoi8x.com/p/sitemap.html nhưng của mình nó cứ thành http://www.duongdoi8x.com/p/sitemap-4688.html hoặc một số nào khác cơ. Giúp mình nhé. :)

    Trả lờiXóa
    Trả lời
    1. Bạn tạo trang mới đánh vào phần tiêu đề nội dung link của bạn muốn. ví dụ mình muốn link có dạng: http://namkna.blogspot.com/p/sitemap-namkna.html
      thì đánh vào tiêu đề là sitemap-namkna rồi bấm lưu sau đó xuất bản sẽ được link như ý.

      Bấm lưu nháp trước khi xuất bản nha, nếu không nó sẽ bị như bạn nói.

      Xóa
  60. anh nam ơi Blog của em không có cái thẻ div id='content-wrapper' thì làm thế nào
    http://camera3z.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Anh vào trang của em nhưng trang đó chứa trương trình trojain đó em kiểm tra lại mẫu đang sử dụng đi nha. chứa virus như vậy google sẽ xóa đó.

      Xóa
  61. Bạn ơi làm sao để sitemap đẹp như của bạn <a href="http://thonghon.blogspot.com/">Thông Hơn </

    Trả lờiXóa
    Trả lời
    1. 1. Tạo một tran phụ để thêm site map như bài hướng dẫn trên,

      2. Chèn vào blog chính với cấu trúc như bên dưới:

      <iframe frameborder='0' height='4000' scrolling='no' src='http://site-map-namkna.blogspot.com/' width='100%'/>

      Xóa
  62. anh Nam ơi blog em không có thẻ <div id='content-wrapper'> anh ơi, anh xem giúp em với
    Blog em: http://tienganhgioi.blogspot.com/
    cám ơn anh :v

    Trả lờiXóa
    Trả lời
    1. TRang đó là đoạn bên dưới nha e:

      <div class='' id='main'>

      Xóa
    2. em cám ơn anh nhiều lắm :v

      Xóa
  63. http://containersdongnai.blogspot.com/
    TRANG CUA MINH DA CO SITMAP CHUA NHI?

    Trả lờiXóa