slider

Tìm Kiếm từ khóa với Google

» » » Bài viết liên quan theo nhiều label cho blogspot

Bài viết liên quan theo nhiều label cho blogspot

Bài viết liên quan theo nhiều label cho blogspot - Code bài viết liên quan theo nhiều label cho blogspot - Bài viết liên quan theo nhiều nhãn cho blogspot


Sau đây Bít Tuốt xin giới thiệu với các bạn 1 thủ thuật blogspot:  "Bài viết liên quan - Related posts" dựa trên nhiều label (nhãn) và đã được sửa lỗi hiển thị font Tiếng Việt của đoạn code gốc. Bằng cách này sẽ hiển thị được nhiều bài viết liên quan đến nhiều label hơn, hướng visitor đến những bài cùng chủ đề tốt hơn.

Hướng dẫn cách thêm Bài viết liên quan theo nhiều label cho blogspot

Cách thực hiện

Bước 1- Đăng nhập vào Blog ==> Vào Mẫu ==> Chọn Chỉnh sử HTML (Edit HTML)

Khuyên các bạn nên down trực tiếp tất cả code blogspot về rồi chỉnh sửa bằng notepad ++ cho dễ nhé (chú ý sao lưu giữ lấy 1 bản để làm bản gốc để tránh trường hợp bị sai code ko phôi phục lại dc)

Bước 2 - Tìm một trong 4 đoạn code như bên dưới:

Đoạn 1: <div class='post-footer'>
Đoạn 2: <div class='post-footer-line post-footer-line-1'>
Đoạn 3: <div class='post-footer-line post-footer-line-2'>
Đoạn 4: <div class='post-footer-line post-footer-line-3'>


- Và gắn vào sau 1 trong 4 đoạn trên đoạn code bên dưới. (Lưu ý mỗi code trên mỗi đoạn có 2 lần lặp lại giống nhau bạn phải chèn đúng mới hiện thị nha). Vì vậy bạn cứ thêm lần lượt vào từng đoạn rồi up lên thử xem có hiển thị được không,nếu ko dc thì xóa đi rồi thêm vào đoạn code tiếp theo đên khi nào thấy hiển thi thì dừng

<!-- related post -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-content'>
<h2>Các bài liên quan</h2>
<div id='saliproit183'/><br/><br/>
&lt;script type=&quot;text/javascript&quot;&gt;
homeUrl3 = &quot;bittuot.blogspot.com&quot;;maxNumberOfPostsPerLabel = 6;maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+21);
label = decodeURIComponent(label);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;h4&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;saliproit183&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
&lt;/script&gt;
</div>
</b:if><br/><!-- /related post -->

Chú ý:
  • Bạn sẽ phải thay đổi cho phù hợp với cách sắp xếp hiển thị bài viết liên quan theo nhãn phù hợp
  • Thay bittuot.blogspot.com bằng địa chỉ blog của bạn, lưu ý không có "/"  ở cuối và http:// ở đầu. (ví dụ link blog bạn là http://bittuot.blogspot.com/   thì bạn chỉ lấy bittuot.blogspot.com và thay vào đó thôi )
  • maxNumberOfPostsPerLabel là tối đa số bài viết hiển thị ở mỗi nhãn (label). Ở code trên là mình để là 6
  • maxNumberOfLabels là số nhãn (label) sẽ được hiển thị. Ở code trên là mình để là 3

Mọi thắc mắc và cần giúp đỡ vui lòng comment phía dưới nhé !


Bài viết liên quan theo nhiều label cho blogspot

Bài viết liên quan theo nhiều label cho blogspot

Bạn đang xem Bài viết liên quan theo nhiều label cho blogspot tại Blog Bít Tuốt Đừng quên nhấn LIKE Chia Sẻ để ủng hộ Bít Tuốt Blog nếu bài viết có ích !
Like Bít Tuốt Blog trên Facebook để ủng hộ mình nhé

«
Next
Newer Post
»
Previous
Older Post

18 comments:

  1. Sao mình làm nó hiện ra Các bài liên quan ko thôi.hk có đường dẫn tới bài nào hết

    ReplyDelete
    Replies
    1. Mình đã fix lỗi và test thành công bạn thực hiện lại từ đầu xem sao nhé

      Delete
    2. Không được bạn ơi.. cũng chỉ xuất hiện Tên: "Các bài viết liên quan" thôi, ko có đường dẫn bài viết nào hết.. hic

      Delete
    3. Nếu không được bạn có thể gửi code hoặc chia sẻ quyền quản trị blogspot cho mình để mình xem và chỉnh sửa giúp không. Mail: seo.vnpro@gmail.com.

      Delete
  2. Replies
    1. Mình đã fix lỗi và test thành công bạn thực hiện lại từ đầu xem sao nhé

      Delete
    2. thanks bạn, đã ok, bạn chỉ cho mình cái thông số màu mè của link nó là cái nào giúp mình cái. trước khi truy cập và sau khi truy cập

      Delete
    3. bạn sửa cho nó đổi màu khi di chuột vào link như blog của bạn thì tốt :D cái này mình không thấy.

      Delete
  3. Bít Tuốt cho mình hỏi là làm thế nào để hiện ra Các bài liên quan chỉ dựa trên một nhãn thôi!

    ReplyDelete
    Replies
    1. Bạn đơn giản chỉ cần thay maxNumberOfLabels = 3 thành maxNumberOfLabels = 1 là được

      Delete
  4. http://unlockdienthoaiuytintaitphcm.blogspot.com/2013/08/chuyen-unlock-giai-ma-dien-thoai-sony-xperia-z-tai-tphcm.html xem dùm mình với tại sao lại thiếu kí tự đầu vậy

    ReplyDelete
    Replies
    1. Mình thấy bạn làm thành công đó thôi có vấn đề gì đâu

      Delete
  5. Bittuot! Chèn đúng là như thế nào hả bạn? chèn vào cả 2 đoạn code? hay chỉ chèn 1? hay chèn tất cả? bản trả lời giúp mình nhé http://svgiupsv.blogspot.com/
    Thank bạn!

    ReplyDelete
    Replies
    1. Bạn chèn 1 cái thôi nhé cái nào ok thì giữ lại

      Delete
  6. http://camnangvang.blogspot.com/
    bạn xem giúp mình với, mình làm hoài mà không đc...!

    ReplyDelete
  7. Mình đã làm được với trang của mình. Cảm ơn AD nhiều
    Các bạn vào xem DEMO: tại đây nha!
    Nhớ bấm kết nối để trao đổi nhiều hơn nha.
    Thank!

    ReplyDelete