Share : Đăng nhập Đăng ký
Close

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Close

Bạn phải điền đầy đủ thông tin đăng ký!






hit counter script



Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

avatar
Admin
Administrator
Administrator
Tổng số bài gửi :
162

Danh vọng :
429

Cảm ơn :
0

Join date :
09/03/2015

Age :
21

Đến từ :
HCM City

Xem lý lịch thành viên http://www.4rgameprivate.com

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

Bài viết này 4rgameprivate sẽ hướng dẫn các bạn blogger thủ thuật tạo Bài viết liên quan (Related posts)cho các blogspot có nhiều nhãn (label) và đã 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.
Các bạn xem qua ảnh hoặc blog demo để thấy được kết quả hiển thị của thủ thuật này.

[You must be registered and logged in to see this image.]

Cách tiến hành:
1- Đăng nhập vào Blog
2- Vào Mẫu
3- Chọn Chỉnh sử HTML (Edit HTML)
4- Tìm một trong 4 đoạn code như bên dưới:

Đoạn 1:
Code:
<div class='post-footer'>

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

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

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

Code:
<!-- 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='namkna-related-1'/><br/><br/>
&lt;script type=&quot;text/javascript&quot;&gt;
homeUrl3 = &quot;4rgameprivate.com&quot;;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 6;
function listEntries10(json) {
var ul = document.createElement('ul');
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 == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 == 'alternate') {
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('h4');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('namkna-related-1').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/'+ label +'?alt=json-in-script&amp;callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 -->

Tùy chỉnh:
Thay 4rgameprivate.com bằng địa chỉ blog của bạn, lưu ý không có "/" ở cuối nhé.
maxNumberOfPostsPerLabel là tối đa số bài viết hiển thị ở mỗi nhãn (label).
maxNumberOfLabels là số nhãn (label) sẽ được hiển thị.

5- Dán code bên dưới trước thẻ
Code:
]]></b:skin>


Code:
#namkna-related-1 h4{font-size: 18px;font-weight: bold;color:#333}
#namkna-related-1 a{font-size: 14px;font-weight: bold;color:#3090C7}
#namkna-related-1 a:hover{color:#8D38C9}
#namkna-related-1 li a{margin:0 0 0 8px;background:url(https://lh4.googleusercontent.com/-fJIbq_JvAmI/T7ymthYp9VI/AAAAAAAADbU/hBFY5TYlu3M/h120/green-star-namkna-blogspot-com.gif) 0 5px no-repeat;padding-left:15px}
#namkna-related-1 li a:hover{margin:0 0 0 8px;background:url(http://3.bp.blogspot.com/-PODnyqMTs90/UUcyDV56DXI/AAAAAAAAJbY/JO-PNcpQD1w/s1600/bullet-suyb-namkna-blogspot-com-0001.gif) 0 5px no-repeat;padding-left:15px}
#namkna-related-1 li {list-style: none !important;}

Tùy chỉnh:
color:#333 là mã màu của tên nhãn.
font-size: 18px là cỡ chữ của tên nhãn.
#3090C7 là mã màu của link khi chưa dê chuột vào.
font-size: 14px là cỡ chữ của link khi chưa dê chuột vào.
#8D38C9 là mã màu của link khi đã dê chuột vào link.
Link màu vàng là link ảnh trước tiêu đề bài viết khi chưa dê chuột vào.
Link màu xanhlà link ảnh trước tiêu đề bài viết khi dê chuột vào.
6- Lưu mẫu lại và xem thành quả của bạn nha.

Lưu ý: Blog của bạn phải ở chế độ public cho tất cả mọi người xem thì widget này mới hoạt động được nhé!

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


Permissions in this forum:
Bạn không có quyền trả lời bài viết