Cách tạo thêm các loại Bài Viết Liên Quan cho blogspot


Cách tạo thêm các loại Bài Viết Liên Quan cho blogspot. Cách thêm bài viết liên quan có ảnh cho blogsspot. Cách thêm bài viết liên quan theo nhiều nhãn cho blogspot.Related Post Blogspot

Chào các bạn hiện nay blog cũ của mình hiện vẫn đang bị google bắt giữ có lẽ google nó không còn yêu mình nữa do blog có chứa nội dung mà nó cho là nhạy cảm nên các kết quả tìm kiếm trên google từ blog bittuot.blpogspot.com đó hiện tìm khá khó vì vậy bây giờ mình chuyển qua đây để viết ,chia sẻ những thứ hay ho mà mình biết được cho những ai cần.

Thôi không nói nhiều chúng ta đi vào vấn đề ngay nhé. Mình xin chia sẻ với các bạn một số loại Bài Viết Liên Quan cho blogspot mà mình biết được. Đọc thấy hữu ích đừng quên nhấn LIKE nhé. Ai copy bài xin ghi nguồn giúp . Xin cảm ơn !

Bài viết liên quan hiện bài mới nhất dạng đơn giản nhất

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)

Rồi dán đoạn code bên dưới vào trước(trên) thẻ
(Các bạn có thể down toàn bộ code về rồi dùng Notepad ++ để chỉnh sửa cho dễ nhớ sao lưu 1 bản để phòng bị lỗi code)




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

Đoạn 1:
Đoạn 2:
Đoạn 3:
Đoạn 4:

- 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


   
        Bài viết liên quan:
       
           
   


Chú ý:
var max_post = 5; Số bài viết hiển thị của tiện ích

Cách tạo : Bài viết liên quan theo nhiều nhãn blogspot
Cách tạo thêm các loại Bài Viết Liên Quan cho blogspot

Ảnh Demo

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:
Đoạn 2:
Đoạn 3:
Đoạn 4:


- 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

Các bài liên quan


<script type="text/javascript">
homeUrl3 = "bittuot.blogspot.com";maxNumberOfPostsPerLabel = 6;maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < 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 < 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('saliproit183').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
textLabel = "";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</script>


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

Cách tạo : Bài viết liên quan cũ và mới cho blogspot

Cách tạo thêm các loại Bài Viết Liên Quan 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)

Rồi dán đoạn code bên dưới vào trước thẻ ]]>
:(Các bạn có thể down toàn bộ code về rồi dùng Notepad ++ để chỉnh sửa cho dễ nhớ sao lưu 1 bản để phòng bị lỗi code)

#related-posts-block ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkIkeG6iiEjbt9TwlAYc3XHQbVNMTvaV2rVBbhqHmA35-7ypIlnYWe-v0ZDoAYKEOQiS0eegBJ8MoJ3uYRQO4o6y7SCTedVQ-89kl21S3KhJ8GZiII5Xh94WYITDJBiUChTOVYmF_0rW0/s1600/bg_other_bittuot-blogpot.jpg) repeat-x;margin:0px 0 0 0;padding:6px 0 0 0;list-style:none}
#related-posts-block li{margin:0 0 0 8px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQWGOeoOUCUzAbVhfHv8lMzNDIfqLdskgTE_PyG0AQPALwKuDhKIuv051u9XPXAJvAbernUrcqspnF_00ipwsG5LcOIelQh6V8bpN1vt2nr1XKTw5hFy4JlzEb9QXgUSup2noyoInF8E/s1600/li_bittuotblog-blogspot-com.png) 0 5px no-repeat;padding-left:15px}
#related-posts-block{line-height:1.5;margin:0 0;font-size:11px;color:#7c7b7b}
#related-posts-loading-text{font-size:12px;text-align:center;color:#002c28}
#related-newest-href{margin:10px 0 2px}#related-newest-title{font-size:12px;margin:5px 0 0 0;color:#033947}
#related-posts-block #related-newest-href a{font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#002c28}
#related-posts-block #related-newest-href a:hover{color:#00f}#related-older-href{margin:10px 0 2px}
#related-older-title{font-size:12px;margin:5px 0 0 0;color:#033947}
#related-posts-block #related-older-href a{font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#002c28}
#related-posts-block #related-older-href a:hover{color:#00f}
#related-posts-block > div {float: left;width: 48%;}




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

Đoạn 1:
Đoạn 2:
Đoạn 3:
Đoạn 4:


- 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










Chú ý:
var showdate = true; Nếu không muốn hiển thị ngày tháng đăng bài, bạn thay True thành False
var max_post = 8; Số bài viết hiển thị trong mỗi phần (Bài cũ và bài mới) của tiện ích
Cách tạo: Bài viết liên quan có ảnh hiển thị hàng dọc blogspot
Cách tạo thêm các loại Bài Viết Liên Quan 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)

Rồi dán đoạn code bên dưới vào trước thẻ ]]>
:
(Các bạn có thể down toàn bộ code về rồi dùng Notepad ++ để chỉnh sửa cho dễ nhớ sao lưu 1 bản để phòng bị lỗi code)
#related-posts{float:left}
#related-posts ul{margin:0;padding:0;list-style-type:none}
#related-posts ul li{padding:10px 0}
#related-posts ul li:hover img{width:42px;height:42px;padding:0}
#related-posts img{float:left;border:1px solid #BBB;margin-right:10px;width:36px;height:36px;background:#FFF;padding:3px}
#related-posts h3{margin:0;font-size:16px}

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

Đoạn 1:
Đoạn 2:
Đoạn 3:
Đoạn 4:

- 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


Chú ý:
var max_post = 6; Số bài viết hiển thị của tiện ích
Còn nhiều nữa mình sẽ cập nhật dần dần

Chúc các bạn thành công !

Ai có gì thắc mắc xin coment phí dưới nhé !


0 comments:

Post a Comment

 
Top