TIP AND GUIDES SHARE CODE BÀI VIẾT LIÊN QUAN CHO BLOGGER

 Bài viết liên quan là danh sách các bài viết có nội dung tương tự hoặc liên quan đến bài viết bạn đang xem, được chia nhỏ theo danh mục, thẻ hoặc tiêu đề bài viết. Bài viết liên quan còn được gọi là Related Post trong tiếng Anh.

{tocify} $title={Nội dung bài viết}
1. Giới thiệu
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 hơn, chuyên nghiệp hơn mà còn có thể giúp chúng ta đ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ủ đề hơn.

Demo code thêm bài viết liên quan cho blogspot

2. Cách thực hiện
Bước 1: Đăng nhập vào Blogger

Bước 2: Ấn vào Chủ đề ➤ Chỉnh sửa HTML

Bước 3: Ấn Ctrl + F để hiển thị thanh tìm kiếm ➤ nhập dòng chữ <b:defaultmarkup type='Common'>

Bước 4: Copy toàn bộ đoạn code bên dưới dán vào dưới dòng chữ ở bước 3

<b:includable id='postTextRelated'>
<div class='postRelated' id='postRelated'>
<script>/*<![CDATA[*/ var relatedTitles = new Array(); var liên quanTitlesNum = 0; var liên quanUrls = Mảng mới(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry; RelatedTitles[liên quanTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {liên quanUrls[liên quanTitlesNum] = entry.link[k].href; liên quanTitlesNum++; ngắt;}}}} hàm removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = Mảng mới(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls)) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles;}} relatedTitles = tmp2; liên quanUrls = tmp;} hàm chứa (a, e) { for(var j = 0; j < a.chiều dài; j++) nếu (a[j]==e) trả về true; trả về false;} hàm printRelatedLabels() { var r = Math.floor((liên quanTitles.length - 1) * Math.random()); biến tôi = 0; document.write('<ul>'); trong khi (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></a></ li>'); if (r < relatedTitles.length - 1) { r++; } other { 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<1'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relative_results_labels&max-results=3"' rel='tải trước'/>
</b:if>
</b:vòng lặp>
</b:if>
<b>Bài viết liên quan: </b>
<script>removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:bao gồm>
Phần mình đã tô màu đỏ là có thể thay đổi được, max-result = 3. Số 3 là số dòng post liên quan muốn hiển thị, bạn có thể điều chỉnh nó khi bạn muốn.

Bước 5: Ấn Ctrl + F để hiển thị thanh tìm kiếm ➤ nhập dòng chữ <data:post.body/> và dán đoạn code bên dưới vào thẻ <data:post.body/>

<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);} other {prt.insert Before(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] đã được đánh dấu số 5 có nghĩa là bài liên quan sẽ xuất hiện sau đoạn thứ 5 các bạn có thể tự đ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.

3. Tổng kết
Như vậy trong bài viết này Chia Sẻ Vip đã chia sẻ cho các bạn code thêm bài viết liên quan cho blogspot. Nếu các bạn có thắc mắc gì hay cần trao đổi thì comment bên dưới nhé! Chúc các bạn thành công.