Cách tạo bài viết liên quan trên blogspot – mới nhất 2014 – phù hợp với mọi template, không ảnh hưởng đến tốc độ load trang.
Bước 1: Copy đoạn mã sau và chèn vào trước </cái đầu> Vui lòng! Đây là đoạn script dùng để lấy danh sách các bài viết liên quan từ các bài viết có cùng nhãn với bài viết bạn đang xem.
Đầu tiên
2
3
4
5
6
7
số 8
9
mười
11
thứ mười hai
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
<kịch bản kiểu=‘văn bản/javascript’>
//
var titles = new Array();
var titlesNum = 0;
var urls = new Array();
var time = new Array();
function related_results_labels(c) {
for (var b = 0; b < c.feed.entry.length; b++) {
var d = c.feed.entry[b];
tiêu đề[titlesNum] = đ.tiêu đề.$t;
vì (var Một = 0; Một < đ.liên kết.chiều dài; Một++) {
nếu như (đ.liên kết[a].quan hệ == “Luân phiên”) {
url[titlesNum] = đ.liên kết[a].href;
thời gian[titlesNum] = đ.được phát hành.$t;
tiêu đềNum++;
phá vỡ
}
}
}
}
chức năng loại bỏ các bản sao có liên quan() {
var b = mới Mảng(0);
var c = mới Mảng(0);
e = mới Mảng(0);
vì (var Một = 0; Một < url.chiều dài; Một++) {
nếu như (!chứa(b, url[a])) {
b.chiều dài += Đầu tiên;
b[b.length – 1] = url[a];
c.chiều dài += Đầu tiên;
c[c.length – 1] = tiêu đề[a];
e.chiều dài += Đầu tiên;
e[e.length – 1] = thời gian[a]
}
}
tiêu đề = c;
url = b;
thời gian = e
}
chức năng chứa(b, đ) {
vì (var c = 0; c < b.chiều dài; c++) {
nếu như (b[c] == đ) {
trở lại ĐÚNG VẬY
}
}
trở lại SAI
}
chức năng in các nhãn liên quan(Một) {
var y = Một.Chỉ số(‘?m=0’);
nếu như (y != –Đầu tiên) {
Một = Một.thay thế(/\?tôi=0/g, “)
}
vì (var b = 0; b < url.chiều dài; b++) {
nếu như (url[b] == Một) {
url.mối nối(b, Đầu tiên);
tiêu đề.mối nối(b, Đầu tiên);
thời gian.mối nối(b, Đầu tiên)
}
}
var c = Toán học.sàn nhà((tiêu đề.chiều dài – Đầu tiên) * Toán học.ngẫu nhiên());
var b = 0;
tài liệu.viết(“
nếu như (tiêu đề.chiều dài == 0) {
tài liệu.viết(“
} khác {
trong khi (b < tiêu đề.chiều dài && b < 20 && b < kết quả tối đa) {
nếu như (y != –Đầu tiên) {
url[c] = url[c] + ‘?m=0’
}
tài liệu.viết(‘
nếu như (c < tiêu đề.chiều dài – Đầu tiên) {
c++
} khác {
c = 0
}
b++
}
}
tài liệu.viết(“
”);
url.mối nối(0, url.chiều dài);
tiêu đề.mối nối(0, tiêu đề.chiều dài)
};
//]]>
</kịch bản>
|
Bước 2: Các bạn tiếp tục copy đoạn mã bên dưới và chèn vào vị trí muốn hiển thị. Vì đây là đoạn mã dùng để hiển thị danh sách mà đoạn mã ở bước đầu tiên đã lấy ra. Ví dụ mình sẽ chèn ngay dưới nội dung bài viết. Bây giờ tôi sẽ tìm thẻ <dữ liệu:bưu kiện.thân hình/> và dán nó và dưới thẻ này.
Có thể trong Template của bạn sẽ có nhiều thẻ <dữ liệu:bưu kiện.thân hình/> vì vậy hãy thử từng cái một.
Đầu tiên
2
3
4
5
6
7
số 8
9
mười
11
thứ mười hai
13
14
15
|
<b:nếu như Nhận dạng=‘dữ liệu: blog.pageType == “mục”‘>
<div nhận dạng=‘bai-viet-lien-quan’>
<h4>
DI DỜIAhTôi Bởi vìkhông bán đượct liChàoN Quan thoại:
</h4>
<b:vòng giá trị=‘dữ liệu: post.nhãn’ var=‘nhãn’>
<kịch bản expr:src=‘"/feeds/posts/default/-/" + data:label.name + “?alt=json-in-script&callback=relative_results_labels”‘ kiểu=‘văn bản/javascript’/>
</b:vòng>
<kịch bản kiểu=‘văn bản/javascript’>
var kết quả tối đa=5;
loại bỏ các bản sao có liên quan();
in các nhãn liên quan(&trích dẫn;<dữ liệu:bưu kiện.URL/>&trích dẫn;);
</kịch bản>
</div>
</b:nếu như>
|
Lưu ý: Bạn thay đổi giá trị var kết quả tối đa=5; trong đoạn mã trên cho phù hợp!
Bước 3: Sau khi xác định vị trí và chèn mã hoàn tất. Bây giờ, chúng ta sẽ cùng nhau làm cho nó đẹp hơn và phù hợp hơn với Template mà bạn đang sử dụng.
Và dưới đây là mã mà tôi đang sử dụng. Nếu bạn thích hoặc ngại ngồi viết lại CSS thì có thể dùng luôn!
Đầu tiên
2
3
4
5
6
7
số 8
9
mười
11
thứ mười hai
13
14
15
16
17
18
19
20
21
|
#bai-viet-lien-quan {
trôi nổi: bên trái;
chiều rộng: 100%;
lề: 20px 0;
ranh giới–bên trái: 1px chất rắn #e6e6e6;
ranh giới–Phải: 1px chất rắn #e6e6e6;
}
#bai-viet-lien-quan h4 {
nét chữ–kích cỡ: 20px;
lý lịch: #e9e9e9;
đệm: 10px 5px;
màu sắc: #8BC34A;
}
#bai-viet-lien-quan ul {
đệm: 0;
lề: 0;
}
#bai-viet-lien-quan ul li {
đệm: 5px;
ranh giới–đáy: 1px chất rắn #e6e6e6;
}
|
BẢN TÓM TẮT
Đây là một trong nhiều phong cách hiển thị danh sách bài viết liên quan. Trong bài viết Blogspot Related Posts tiếp theo mình sẽ hướng dẫn các bạn thêm các bài viết liên quan kèm theo Thumbnail cho nó nữa nhé!