Bài viết mới nhất Gửi bởi/Thời gian
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 :
27
Đến từ :
HCM City
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:
Đoạn 2:
Đoạn 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).
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ẻ
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é!
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'>
- 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 == "item"'>
<div class='widget-content'>
<h2>Các bài liên quan</h2>
<div id='namkna-related-1'/><br/><br/>
<script type="text/javascript">
homeUrl3 = "4rgameprivate.com";
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 6;
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('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&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 = "<data:label.name/>";
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++;
}
}
</b:loop>
</b:loop>
</script>
</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é!
Similar topics
» Công cụ quản trị hiển thị trong Windows 8
» Vua Hải Tặc việt hóa sv US free nhiều thứ
» HỎA VÂN KIẾM (cc) MÁY CHỦ MỚI THÁNH HỎA - OPEN 13H CHƯA T4 22/12/2016 ĐẬM CHẤT DÂN CÀY NHIỀU E VEN HẤP DẪN ➡ ➡ ➡ Ra Mắt Máy Chủ Mới (Thánh Hỏa)◄◄◄◄◄◄ - Sẽ Chính thức OPEN 13h chưa thứ tư ngày 22/12/2016 Trang Chủ : [url]http://hoavankiem.com/trangchu
» Open máy chủ Hổ Lao Quan S25
» Xả hàng cuối năm ao quần giảm giá 80%
» Vua Hải Tặc việt hóa sv US free nhiều thứ
» HỎA VÂN KIẾM (cc) MÁY CHỦ MỚI THÁNH HỎA - OPEN 13H CHƯA T4 22/12/2016 ĐẬM CHẤT DÂN CÀY NHIỀU E VEN HẤP DẪN ➡ ➡ ➡ Ra Mắt Máy Chủ Mới (Thánh Hỏa)◄◄◄◄◄◄ - Sẽ Chính thức OPEN 13h chưa thứ tư ngày 22/12/2016 Trang Chủ : [url]http://hoavankiem.com/trangchu
» Open máy chủ Hổ Lao Quan S25
» Xả hàng cuối năm ao quần giảm giá 80%
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|