Code thêm bài viết liên quan vào blogspot

Code thêm bài viết liên quan vào blogspot
Code thêm bài viết liên quan vào blogspot

Bài viết liên quan là danh sách các bài viết được liệt kê ra mà có nội dung tương tự hoặc liên quan tới bài viết bạn đang xem theo Category, Tag hay tên bài viết. Ngoài ra, bài viết liên quan còn có tên gọi khác trong tiếng anh là Related Posts mà chúng ta thường thấy.

Như bạn thấy, các bài viết liên quan không chỉ làm cho bài viết của chúng ta đẹp và chuyên nghiệp hơn. Nó cũng có thể giúp chúng tôi điều hướng người dùng tốt hơn và giúp họ dễ dàng tìm thấy các bài viết có cùng nội dung hoặc chủ đề.

Cách bước thêm bài viết liên quan vào blogspot

  • Bước 1: Đăng nhập vào Blogger
  • Bước 2: Ấn vào chủ đề vào phần chỉnh sửa HTML
  • Bước 3: Các bạn ấn tổ hợp phím Ctrl F tìm đến <b:defaultmarkup type='Common'>
  • Bước 4: Copy toàn bộ mã dưới đây dán vào dưới nó

<b:includable id='postTextRelated'>
        <div class='postRelated' id='postRelated'>
          <script>/*<![CDATA[*/ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} /*]]>*/</script>
          <b:if cond='data:post.labels'>
            <b:loop index='i' values='data:post.labels' var='label'>
              <b:if cond='data:i&lt;1'>
                <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' rel='preload'/>
              </b:if>
            </b:loop>
          </b:if>
          <b>Bài viết liên quan: </b>
          <script>removeRelatedDuplicates(); printRelatedLabels();</script>
        </div>
      </b:includable>
Phần mình đã đánh dấu màu tím có thể thay đổi được, max-result = 3. Số 3 là số dòng post liên quan muốn hiển thị, vui lòng điều chỉnh.

  • Bước 5: Tìm đến thẻ <data:post.body/> và dán code bên dưới vào dưới thẻ <data:post.body/> nhé.

<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='postTextRelated'/><script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById("postBody"); var midAd3 = document.getElementById("postRelated"); var showAd3 = tgt.getElementsByTagName("p"); if (showAd3.length > 0) {insertAfter(midAd3,showAd3[5]);}; /*]]>*/</script>
(midAd3,showAd3[5] mà mình đánh dấu số 5 nghĩa là bài liên quan sẽ xuất hiện sau đoạn thứ 5 nên các bạn điều chỉnh lại. Nếu các bạn để 50 hoặc cao hơn thì nó sẽ cố định ở cuối bài viết nhé!

Lời kết

Vậy là mình đã hướng dẫn các bạn chi tiết cách thêm bài viết liên quan vào blogspot. Nếu có thắc mắc hay khiếu nại bản quyền xin vui lòng comment xuống phía dưới để mình biết nhé. Chúc các bạn có một ngày làm việc thật là hiệu quả.

Copyright © Quang Linh Pro