Thư viện

Trải nghiệm

Chủ Nhật, tháng 5 25, 2014

Sitemap 2 cột có phân trang cho blogspot

Tiện ích Sitemap đẹp chia thành 2 cột tích hợp thêm phân trang để tăng tốc độ tải cho blogspot.

Chia sẻ:
Sitemap trong blog là một phần rất quan trọng, ngoài chức năng sắp xếp bài viết một cách khoa học, nó giúp điều hướng độc giả trên trang của bạn, một sitemap đạt yêu cầu phải gọi được số bài đăng nhiều và sắp xếp khoa học đẹp mắt.
Sitemap 2 cột có phân trang cho blog
Bài viết này mình sẽ chia sẻ một Sitemap dạng 2 cột, kèm theo tiện ích phân trang bên dưới danh sách bài viết (xem hình minh họa bên trên). Điểm đặc biệt của tiện ích này mà nhiều người đánh giá cao là khả năng load bài viết mà không cần phải tải lại trang (xem demo ở link bên dưới) nhờ sử dụng hiệu ứng từ thư viện Jquyery.

View Demo

» Các bước tạo một sitemap đẹp 2 cột tích hợp phân trang cho blogspot.

Bước 1: Tại trang quản trị, các bạn vào tab Trang, => Bấm chọn Tạo trang mới (nếu muốn bạn cũng có thể chèn vào trong bài viết hoặc tiện ích HTML/javascripts.
Bước 2: Chuyển sang chế độ soạn HTML và dán đoạn code bên dưới vào phần nội dung:
<!--2 Column Sitemap by kjmagic.blogspot.com--> 
<style scoped="" type="text/css">
#toc-outer {
  color:black;
  font:normal 11px/14px Arial,Sans-Serif;
  height:auto;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  text-align:left;
}

#loadingscript {
  padding:0px 0px;
  height:37px;
  text-indent:-9999px;
  color:transparent;
  background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%;
}

.itemposts {
    float: left;
    height: auto;
    overflow: hidden;
    width: 47%;
    box-shadow: 1px 1px 5px #C3C3C3;
    background: none repeat scroll 0% 0% #F9F9F9;
    border: 1px solid #FFF;
    margin: 3px 5px 8px;
    padding: 0px 3px;
}

.itemposts h6 {
    border-bottom: 1px solid #CCC;
    color: #333;
    font: bold 12px Arial;
    height: 15px;
    overflow: hidden;
    text-transform: none;
    margin: 0px 0px 5px;
    padding: 2px 6px !important;
}
.itemposts h6 a{color: red;}
.itemposts h6 a:hover {
  color:#38f;
  text-decoration:none;
}

.itemposts img {
  background-color:#fff;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  float:left;
  height:65px;
  margin:0 7px 5px 0;
  padding:3px;
  width:65px;
  z-indent:99999px;
}

.itemposts .iteminside {}

.itemposts .itemfoot {
    border-top: 1px solid #CCC;
    clear: both;
    overflow: hidden;
    padding: 4px 5px;
}

.itemposts .itemfoot a.itemrmore {
  color:#333;
  float:right;
  font-weight:bold;
  text-decoration:none;
}

.itemposts .itemfoot a.itemrmore:hover {text-decoration:underline}

#itempager {
  clear:both;
  padding:10px 0;
}

#pagination,

#totalposts {
  color:#000;
  display:block;
  font:bold 10px Verdana,Arial,Sans-Serif;
  margin-bottom:10px;
  text-align:center;
  padding:0;
}

#pagination span, #pagination a {
    color: #FFF;
    display: inline;
    margin: 0px 1px;
    padding: 2px 5px;
    text-indent: 0px;
    background-color: #068BC9;
    background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%);
    border: 1px solid #3161C2;
    text-decoration: none;
    border-radius: 10px;
}
#pagination a:hover {background-color:#333}

#pagination span.actual {background-color:black}

#pagination span.hidden {display:none}
</style>
<script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "Blogspot-tips",
    loadingText    = "Loading...",
    totalPostLabel = "Tổng số bài viết:",
    jumpPageLabel  = "page",
    commentsLabel  = "comment",
    rmoreText      = "Chi tiết►",
    prevText       = "previous",
    nextText       = "next",
    siteUrl        = "http://kjmagic.blogspot.com",
    postPerPage   = 10,
    numChars       = 150,
    imgBlank       = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="http://yourjavascript.com/2812562314/kjmagic-2col-sitemap.js"></script>
<!--/2 Column Sitemap by kjmagic.blogspot.com--> 
»Tùy chỉnh code:
  • Đầu tiên lưu ý với các bạn do code chèn thẳng vào HTML của trang do vậy sau khi thêm code bạn không được chuyển đổi qua lại giữa 2 tab ViếtHTML nếu không code bị thay đổi sẽ dẫn tới lỗi không thể gọi bài viết.
  • Thay chỗ mình đánh dấu thành URL blog của bạn.
  • Để sử dụng lâu dài bạn hãy tải file 2col-sitemap.js màu xanh về và upload lên host riêng tránh tình trạng hết banwidth nha. Nếu chưa có host bạn có thể đọc bài viết này để tạo cho minh một host miễn phí nha từ Google drive hosts.
  • postPerPage   = 10, là số bài viết tối đa hiển thị trên một trang. Vì site map dạng 2 cột do vậy để trông đẹp mắt bạn nên đặt nó là một số chẵn (chia hết cho 2) nha nếu không thì số lượng bài viết ở 2 cột sẽ không bằng nhau đâu.
  • numChars       = 150, số ký tự mô tả sẽ hiển thị.
  • Thay link ảnh màu xanh thành link ảnh đại diện cho những bài viết không có hình ảnh.
  • Thay link ảnh màu tím thành hình ảnh loadding khi tải bài viết cho tiện ích này. bạn có thể tham khảo bài viết này để tìm cho mình hình ảnh loadding thích hợp nha.
  • color:black; màu chữ phần mô tả, phần ngày đăng và số nhận xét . 
  • color:#38f; màu tiêu đề bài viết khi đê chuột vào tên tiêu đề. 
  • color: red là màu tiêu đề bài viết khi chưa dê chuột vào tên tiêu đề 
  • Để hiển thị bài viết theo nhãn bạn chỉnh sửa sortByLabel = false thành sortByLabel = true . Sau đó chỉnh sửa  Blogspot-tips thành tên nhãn bạn muốn hiển thị nha.
Bước 3: Xuất bản trang của bạn và truy cập vào blog để xem thành quả bạn đã đạt được nha.

Nếu có bất cứ khó khăn, vướng mắc gì khi áp dụng cho blog của bạn, vui lòng comment ở bên dưới để mình giải đáp và hướng dẫn chi tiết.
Xem thêm thủ thuật: kjmagic.blogspot.com

63 nhận xét:

  1. anh xem trang :
    http://lukhachtran.blogspot.com/
    có tạo phân trang được không anh - vì số bài hiển thị trên trang chủ không phải theo nhãn

    Trả lờiXóa
  2. Trả lời
    1. Công nhận là bác là tác giả bài viết nhưng bác spame link thấy sợ. còn code này là của người indonesia mình có đọc qua rồi

      Xóa
  3. Trả lời
    1. Muốn hiển thị cho tất cả các nhãn thì tải file kjmagic-2col-sitemap.js về mở ra và thay đoạn:

      /feeds/posts/summary/-/'+ labelSorter+'?start-index

      thành:

      /feeds/posts/summary?start-index

      Lưu lại rồi tải lên hots riêng để dùng lâu dài.

      Xóa
  4. xin chào admin,

    cho mình hỏi nếu muốn hiển thị theo từng label, hoặc theo từng nhóm label thì chỉnh sửa file js thế nào vậy?

    Cám ơn admin nhiều!

    Trả lờiXóa
    Trả lời
    1. Nếu hiển thị theo label thì không cần chỉnh sửa lại code. Bạn chỉ cần chỉnh sửa đoạn:

      commentsLabel = "comment",

      comment chính là tên nhãn muốn hiển thị.

      Xóa
    2. mình đã làm như bạn nói nhưng nó vẫn hiển thị toàn bộ bài viết của blog, mong bạn kiểm tra lại.
      Cám ơn bạn.

      Xóa
    3. ban sửa trong đoạn code dòng:

      sortByLabel = false

      thành

      sortByLabel = true

      kjmagic.blogspot.com

      Xóa
    4. đã edit như bạn nói nhưng nó không chạy được :(

      Xóa
    5. Doan Trinh: E kiểm tra lại code và demo cho mọi người thấy đi nha. A vừa test code không hoạt động đâu.

      Xóa
    6. cái này tùy blog a ạ. e cũng test rồi. vd như mấy trang này:
      1, http://englishnauhoang.blogspot.com/p/site-map.html
      2, http://www.xn--bcswindows-s4a08f.vn/p/sitemap.html

      Xóa
    7. Đã check lại rồi tất cả các blog đều được nhưng cần chú ý chuyển qua lại giữa 2 tab như cuối bài viết đã đề cập đến.

      Xóa
    8. ko phải sửa commentLabel bác ơi, mình sửa trong phần labelSorter vậy là được: DEMO đây

      Xóa
  5. Bạn ơi mình up clip youtube nhưng cái site map này get ảnh mặc định khi phóng to ra nó mờ quá, có cách nào get ảnh nét hơn không

    Trả lờiXóa
  6. Sao mình làm như bạn nó không hiển thi...còn khi chèn vào javarscript thì nó hiện nhỉ? hic

    Trả lờiXóa
    Trả lời
    1. Nếu chèn trực tiếp vào bài viết thì cần lưu ý là không được chuyển qua lại giữa 2 tab VIẾT và HTML vì nếu chuyển như thế code sẽ bị sai so với code gốc dẫn tới không hiển thi.

      Đây là link demo chèn trực tiếp vào bài viết mà mình vừa test nha. XEM DEMO

      Xóa
  7. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  8. nếu bài viết ko có hình thì nó bị lổi, bạn tạo cái code noimage được ko????????????

    Trả lờiXóa
    Trả lời
    1. Bạn thay đoạn data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC thành link ảnh đại diện cho những bài viết không có hình ảnh nha.

      Mình đã cập nhật hướng dẫn trong bài viết rồi đó.

      Xóa
  9. Tại sao lại phải lấy 2col-sitemap.js về cho lên Google drive hosts của mình? Mình chèn 2 trang bằng tiện ích HTML, thì có phải làm vậy nữa không?

    Trả lờiXóa
    Trả lời
    1. 1. File 2col-sitemap.js hiện tại để trên host free nên tốc độ nó không ổn định, do vậy cần tải về host riêng để tránh tình trạng hết dung lượng miễn phí tiện ích sẽ không hoạt động.
      2.
      Vấn đề thứ 2 nếu bạn chèn HTML của file js đó vào trực tiếp không dùng link direct nữa thì không cần host bạn ak.
      Bạn mở file 2col-sitemap.js ra và copy toàn bộ nội dung trong đó rồi dán vào giữa 2 đoạn sau:

      <script type='text/javascript'>
      NỘI DUNG FILE JS
      </script>

      thay đoạn trên cho cả đoạn bên dưới:
      <script src="http://yourjavascript.com/2812562314/kjmagic-2col-sitemap.js"></script>

      Xóa
  10. Cảm ơn đ/c Nam. Mình chèn bằng tiện ích HTLM được từ hôm nọ rồi. Không phải sửa gì mấy.

    - Bạn có thể chỉ cho mình cách thay đổi các thông số như màu chữ tiêu đề, cỡ chỡ, màu 150 chữ hiện ra, để nền của nó trong suốt... cho phù hợp với giao diện nền blog và sở thích của mình không? Bạn chỉ cần chỉ sửa ở cột thứ mấy, là mình tự mò ra các mã màu được.

    - Theo như bạn nói, thì chèn vào 1 trang hoặc bài viết của mình sẽ tốt hơn tiện ích HTML của Blogger? Tức là mình cóp cái 2col-sitemap.js về, lưu nó vào tệp note, rồi post tệp này lên host mình và mở nó ra từ host, lấy code chèn vào bài hoặc trang hả?

    - Mình cũng chịu khó mò mẫm và tìm hiểu, cơ bản là làm theo từ blog của Nam. Nhưng blog mình có mấy vấn đề, mà làm mãi, làm cả theo hướng dẫn blog của người khác cũng không được. Một là, muốn chèn tiện ích like, com của fb hay những người không dùng google vào phía dưới bài viết. Hiện tại, mình đang dùng cái của Google. Thứ hai, có khi nó hiện số liệu người like, com, đề nghị chia sẻ lên google... nhưng mình lại không xem được là ai, không đọc được com (trừ những người dùng Google). Thứ ba, mình đã làm mấy cách, mà vẫn không xoá được thanh điều hướng và đoạn cuối thame cung cấp bởi Blogger.

    Bạn Nam chỉ cho mình link bài hướng dẫn để giải quyết mấy vấn đề đó với.
    Blog mình: phutue.blogspot.com.
    Thank!

    Trả lờiXóa
    Trả lời
    1. Sao mình làm theo mấy cách trên của mấy bạn sao vẫn không làm được để nó hiển thị theo 1 label nhất định nhỉ. Mấy bạn làm được hướng dẫn mình đoạn này với

      Xóa
    2. 1. Mình đã cập nhật chỉnh màu sắc trong phần bài viết

      2. Nếu đã upload lên host riêng thì chỉ cần thay link trên host vào link cũ thôi bạn ak.
      - Trong phần comment trên ý mình là bạn chỉ cần mở file đó ra và copy nội dung trong nó và thêm vào giữa 2 đoạn:

      <script type='text/javascript'>
      NỘI DUNG FILE JS
      </script>

      rồi xóa cả đoạn này đi:
      <script src="http://yourjavascript.com/2812562314/kjmagic-2col-sitemap.js"></script>

      3. Bạn có thể xem bài viêt này: Khung Author box có nút like cho blogger ves 2

      - Muốn biết ai +1 bài viết bạn có thể dê chuột lên nút Google +1 va chờ một lát.
      - Với Face book bạn chỉ cần chèm thêm một thuộc tính hiển thị ảnh người like vào đoạn code của nó là: data-show-faces="true"

      5/. Để xóa đoạn cung cấp bởi blogger bạn vào mẫu và xóa đoạn code có dạng như bên dưới:

      <b:widget id='Attribution1' locked='true' title='' type='Attribution'> .....</b:widget>

      - Mẹo bấm vào CHUYỂN ĐẾN TIỆN ÍCH và chọn Attribution1 là được.

      6. Thanh điều hướng bạn chỉ cần xóa như bàin ày:
      Xóa thanh điều hướng (navbar) cho blogspot

      Xóa
    3. Để hiển thị bài viết theo nhãn thì mình đã cập nhật trong phần hướng dẫn ở cuối bài viết trên bạn chú ý phần:

      Để hiển thị bài viết theo nhãn bạn chỉnh sửa sortByLabel = false thành sortByLabel = true . Sau đó chỉnh sửa Blogspot-tips thành tên nhãn bạn muốn hiển thị nha.

      Xóa
  11. Ok. Đã điều chỉnh thành từ host của mình rồi và làm được phù hợp với giao diện blog, thích hơn. Tuy nhiên, cái này bất cập ở chỗ, khi mình mở 1 bài viết từ nó, và next bài tiếp theo, thì nó cứ đi thứ tự mới - cũ theo thời gian bài đăng, chứ không đi trong nhãn (mục) chứa bài ý (mình sử dụng nhãn làm menu blog). Kể nó chạy được như vậy, mà không cần phải chỉnh sửa hiện thị nhãn, thì hay quá. Vì nếu sử dụng nhãn, chỉ được 1 nhãn thôi. :) Khi mình cho nó vào trang, thì phải sử dụng tiện ích Page để móc nó ra ở dạng menu trang và phải bấm vào nó, nó mới mở ra. Cuối cùng là, nếu cho vào bài viết, thì khi đăng các bài tiếp theo, nó bị đẩy mất dần?

    Blog đ/c Nam không có quảng cáo của Google nhỉ? Để click vào cảm ơn. :)

    Trả lờiXóa
    Trả lời
    1. Đây chính là điểm hạn chế duy nhất của blogger. Hiện lại liên kết bài đăng cũ mới nó load feed bạn ak. Do vậy khi bấm vào liên kết đó nó sẽ hiển thị bài đăng liền kề sau nó theo thứ tự thời gian.

      p/s: theo như mình thấy rất ít độc giải sử dụng liên kết này, thay vào đó liên kết được người đọc sử dụng với hiệu suất cao hơn chính là liên kết bài viết liên quan cuối mỗi bài viết.

      Xóa
    2. Ừm, đúng là sẽ đọc bài liên quan. Mình cũng đã xem bài Nam hướng dẫn làm các bài liên quan rồi, cơ mà chưa làm vội, thấy nó hơi phức tạp tí. Giờ tập trung vào làm thanh công cụ thay chỗ thanh navar và chân trang thay chỗ bản quyền. Rắc rối phết, hễ cứ động vào cái này, lại kéo theo một mớ cái khác. :)

      Xóa
    3. Trên mình hướng dẫn xóa phần bản quyền cung cấp bởi blogger rồi mà.

      Xóa
  12. Cách xoá thanh navar Nam chỉ mình cũng đã làm rồi đấy, mà không được. Cuối cùng là không chèn gì cả, mà xoá luôn cum (

    <script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
    if(window.addEventListener) {
    window.addEventListener('load',
    function(){ object[attribute] = val; }, false);
    } else {
    window.attachEvent('onload', function(){ object[attribute] = val; });
    }
    }
    </script>
    <div id="navbar-iframe-container"></div>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <script type="text/javascript">
    gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
    if (gapi.iframes && gapi.iframes.getContext) {
    gapi.iframes.getContext().openChild({
    url: 'https://www.blogger.com/navbar.g?targetBlogID\0755729929293152607827\46blogName\75Ph%C3%BA+Tu%E1%BB%87\47Blog\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75SILVER\46layoutType\75LAYOUTS\46searchRoot\75http://phutue.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://phutue.blogspot.com/\46blogFollowUrl\75https://plus.google.com/114039183504591921899\46vt\0751859098938627050099',
    where: document.getElementById("navbar-iframe-container"),
    id: "navbar-iframe"
    });
    }
    });
    </script><script type="text/javascript">
    (function() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
    var head = document.getElementsByTagName('head')[0];
    if (head) {
    head.appendChild(script);
    }})();
    </script>


    ) thì lại được. Chỉ là không biết có ảnh hưởng gì đến blog ko thôi. :)

    Trả lờiXóa
    Trả lời
    1. Đó chỉ là đoạn scipt trong thanh navar. Bạn xóa cả thanh nabar (nằm giữa 2 thẻ b:section) trong blog đi cũng được không ảnh hưởng gì bạn ak. Hiện nay các blog đều xóa nó đi.

      Xóa
  13. Anh namkna cho em liên kết site nhé :D

    Link: http://www.androidgamenet.com/

    Miêu tả: Kho game android nhé

    Trả lờiXóa
  14. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  15. sorry Nam vì nội dung câu hỏi ko thuộc phần này, nhưng đang cần Nam hỗ trợ gấp gấp lin:

    lỗi hiển thị bài viết bị Normal 0 false false false EN-US X-NONE X-NONE ... là sao vậy. cách giải quyết ntn vậy Nam oi2

    Trả lờiXóa
    Trả lời
    1. Lỗi này sảy ra ở trong phần đăng bài hay khi xem bài viết trên blog hả bạn.

      Nếu trong phần đăng bài thì không sao đâu bạn chờ vài phút sau là khỏi ngay.

      Xóa
    2. Lỗi này xảy ra khi xem bài viết hiển thị đó NAM, giải quyết sao nhỉ

      Xóa
    3. Anh kiểm tra trên giao diên của em không thấy lỗi đó.

      Về phần khi viết bài thì không sao đâu nha e, lỗi đó thường xuất hiện khi mình đăng hoặc chỉnh sửa bài đăng đúng lúc bblooger đang cập nhật. Lỗi này chỉ thi thoảng mới gặp phải thôi, nếu lần nào cũng xuất hiện thì mới đáng ngại.

      Xóa
  16. Sao mình làm nó chỉ hiển thị có 1 cột bạn ơi

    Trả lờiXóa
    Trả lời
    1. Bạn chỉnh lại thuộc tính width: 47%; nhỏ bớt đi là được nha bạn.

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

      Xóa
  17. web mình là web nghe nhạc, nên mình muốn cho phần tiêu đề bài viết nằm ngang hàng với ảnh đại diện luôn, giống như dạng hiển thị các bài hát của mp3.zing.vn vậy thì làm sao vậy bạn.

    Trả lờiXóa
    Trả lời
    1. <div class='thumbnail2'>
      <b:if cond='data:post.thumbnailUrl'>
      <img class='post-thumbnails' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72px' width='72px'/>
      <b:else/>
      <img alt='no image' class='post-thumbnails' height='72px' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png' width='72px'/>
      </b:if>
      </div>
      <style>
      .thumbnail2 {
      float : right;
      width : 72px;
      height : 72px;
      margin-top : -15px;
      margin-right : 2px;
      text-align : center;
      }</style>

      Xóa
    2. Tìm đoạn mã chứa tiêu đề bài viết có dạng như bên dưới:

      <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>


      - Tùy theo từng blog và tác giả của nó mà đoạn code có thể có sự khác nhau nhè nhẹ ví dụ như bên dưới:

      <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>

      Dán vào sau nó đoạn code trên nha:

      Xóa
  18. cho em hỏi xíu nhé anh Nam, em làm được rồi, nhưng hình ảnh em đăng bài nó không hiện, mà nó hiện không có hình ảnh là sao anh, anh chỉ em cách khắc phục nha. em cảm ơn

    Trả lờiXóa
  19. Thấy trên mạng có code chia 2 cột khá hay có demo luôn rồi, mọi người xem thử nhé! hehe

    Widget chia trang chủ thành 2 cột đẹp mắt cho Blogspot

    Trả lờiXóa
  20. bác Nam cho em hỏi cái blog của em bị như thế này là bị làm sao: bình thường thi nó sắp xếp ngay ngắn nhưng sáng nay vào thấy hàng trên cùng bị lệch mất 1 phần các bài trên home bị một hàng trên cùng.có phải nó bị lỗi ở trong HTML không ??

    Trả lờiXóa
    Trả lời
    1. Lỗi Google mấy ngày hôm nay đó, không sao, chờ nó ổn định lại đã nhé Tham khảo đây nha http://www.terocket.com/2014/11/may-chu-blogger-co-the-dang-bi-loi-can-sao-luu-backup-du-lieu-ngay.html

      Xóa
  21. Anh Nam ơi xem dùm em với lúc trước dang bài thì có hình kèm theo, nhưng giờ đăng bài lên thì không hiện hình nữa. Anh xem thử bị lỗi vì vậy cảm ơn anh nhiều.

    http://caoducthangquangngai.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Cậu vào bài viết này http://www.terocket.com/2014/11/sua-loi-khong-hien-anh-thumbnail-cho-blogger-blogspot.html để xem cách xử lý nha

      Xóa
  22. Cảm ơn anh nhiều để mình tìm hiểu thử có gì mình hỏi lại)).

    Trả lờiXóa
  23. Ok em đã khắc phục được rồi thanks anh nhiều nhé.

    Trả lờiXóa
  24. http://www.phantuannam.com/p/sitemap.html

    Bạn xem giúp mình với, không ra sitemap giống bạn :(

    Cám ơn nhiều!

    Trả lờiXóa
    Trả lời
    1. Cái của cậu đâu có phải là sitemap, sitemap phải có dạng là http://www.phantuannam.com/sitemap.xml kia

      Xóa
  25. có sitemap hiển thị 1 cột chiều dọc mà phân trang k anh?

    Trả lờiXóa
  26. Mình đã làm được: http://dangkywebsitebocongthuong.blogspot.com/p/site-map.html
    Thanks nhiều nhiều :X

    Trả lờiXóa
  27. mình muốn chỉnh phần hình ảnh rõ nét trong Site map. k biết cần phải xóa hay thay lệnh gì, mình chỉnh mãi k dc, hình ảnh cứ bị nhòe opacity , Nam hay ai biết chỉ giúp với

    Trả lờiXóa
  28. mình muốn chỉnh phần hình ảnh rõ nét trong Site map. k biết cần phải xóa hay thay lệnh gì, mình chỉnh mãi k dc, hình ảnh cứ bị nhòe opacity , Nam hay ai biết chỉ giúp với

    Trả lờiXóa