Một phương pháp tương đối dễ dàng tăng số lần xem trang trên blog của bạn là để thêm một danh sách các bài viết liên quan bên dưới mỗi bài báo. Điều này mang đến cho người đọc, sẵn sàng tạo một danh sách đọc của các bài viết trên blog của bạn, mà là của một chủ đề tương tự hoặc các chủ đề.
Đối với những người sử dụng Blogger để xuất bản blog của mình, có một vài phương pháp khác nhau có sẵn để hiển thị một danh sách các bài viết liên quan. Những "liên quan đến bài viết hacks" trả lại một danh sách các bài viết gần đây từ các nhãn (s) phân công cụ thể các bài viết.
Trong Bảng điều khiển Blogger các bạn click Layout->Edit HTML->Trước khi chỉnh sửa mẫu của bạn, sao lưu mẫu của bạn trước tiên. Nhấp vào Download Full Template và lưu lại
Các bạn click vào Expand Widget Templates sau đó tìm đoạn code :
<data:post.body/>
Sao chép mã dưới đây, và dán nó dưới <data:post.body/>:
<b:if cond='data:blog.pageType == "item"'>
<div class='similar'>
<div class='widget-content'>
<h3>Related Posts</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
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;
if(a.href!=location.href) {
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 13);
var k;
for (k=0; k<20; k ) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', 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>
</div>
</b:if>
Click "Save Template."
sao tôi làm theo không được, hướng dẫn giúp được không ?
ReplyDeletecode của bạn bị thiếu rùi
ReplyDeleteChào Admin, tôi mới tập làm blogspot, vì lòng đam mê, nhưng chưa hiểu sâu về CSS.
ReplyDeleteNhờ Admin giúp tôi:
Trang của tôi:
www.phantunghiahanh.tk
Tôi muốn sửa chửa các yếu tố sau đây:
Trong bài đăng trang chính có chữ xem tiếp cho mỗi bài :
Xoá nền màu cam hình chữ nhật của chữ: “ xem tiếp>>…”, và đổi màu chữ “xem tiếp>>…” thành màu xanh lơ.
Phía dưới các bài liên quan là các tiêu đề có màu đà: (color: #8A050F), tôi muốn đổi thành màu xanh lơ (color: #1982D1)
Hình cụ thể:
https://lh5.googleusercontent.com/-bAbsziJsWm8/T7rmPSh5pTI/AAAAAAAANQ0/DKtl0BNj1LE/s0/Movie2Share.NET-nnnn.JPG
Nhờ Admin hướng dẫn giúp.
Xin cảm ơn Admin
Chào Phan Tú,
ReplyDeleteRất vui vì bạn đã ghé thăm blog này. Để có thể chỉnh sửa 1 số style cho blog của bạn. Trước tiên hãy đăng nhập vào Blogger sau đó chọn Design Edit Html
- Để xóa nền màu cam và đổi chữ “Xem tiếp” thành màu xanh lơ -> nhấn phím tắt Ctr+F và tìm tới đoạn “.readmore {” sau đó xóa dòng “background: #F8AC00;” (như vậy đã xóa được màu nền),
Chèn thêm đoạn “.readmore a{ color: #1982D1}” vào ngay dưới dấu đóng “}” của style “.readmore {” trên.
số #1982D1 chính là mã màu, nếu bạn muốn chọn mã màu khác hãy vào trang http://www.colorpicker.com và chọn màu theo ý thích.
- Thay đổi màu chữ trong bài viết liên quan : Bạn chèn tiếp thêm đoạn bên dưới này vào
#data2007 ul li a { color: #1982D1}
Nice day
Đa tạ bạn, mình xoá nền chữ xem tiếp và đổi màu được rồi, Còn chèn mã này #data2007 ul li a { color: #1982D1} ở chỗ nào mình chưa rõ. Thân mong bạn hướng dẫn cụ thể là chèn vị trí nào.
ReplyDeleteKhu vực mình đang chỉnh sửa thành công rồi đây, chỉ còn lý bí đổi màu các tiêu đề con của mục Bài viết liên quan .
Khu vực CSS:
.readmore{
float:right;
padding:4px 10px;
margin:10px 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.readmore a{ color: #1982D1}
#PageList1 h2, #HTML5 h2 {display:none}
.status-msg-wrap{
display:none;
}
Cảm ơn bạn nhiều
Ngồi mò mẫn một chút được rồi bạn ơi. Chân thành cảm ơn bạn.
ReplyDeleteKhông biết nói gì hơn, mình xin gởi đến bạn và gia đình lời cầu chúc sức khoẻ.
Chào thân ái.
@PhanTu: ko có chi, rất vui vì giúp đc bạn. Nếu có bất kỳ vấn đề nào thắc mắc, bạn cứ pm mình sẽ giúp :)
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteCảm ơn bạn, mình đã áp dụng thành công trên blog mình: loi dich nhac mylyric blog
ReplyDeleteCho mình hỏi. mình tạo Bài viết liên quan mà chỉ hiện ra bài viết liên quan ko hiện ra được link dẫn tới các bài.
ReplyDeleteCác bản hướng dẫn giúp mình với