Hosting Miễn Phí
Headlines News :
Home » » Cách tạo các bài viết liên quan trong Blogger

Cách tạo các bài viết liên quan trong Blogger

Written By Kelvin on May 29, 2009 | Friday, May 29, 2009



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 == &quot;item&quot;'>
<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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
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 == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l ) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length 13);
var k;
for (k=0; k&lt;20; k ) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query &#39;feeds/posts/default/-/&#39;
label
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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>
</script>
</div>

</div>
</b:if>




Click "Save Template."
Share this post :

+ comments + 2 comments

29/11/09 7:38 AM

sao ko làm được vậy bạn ơi
div id='data2007'
div id='hoctro'
bạn sửa lại dùm đi,sửa y nguyên ko được có cần thay đổi j ko vậy?

16/8/12 9:22 PM

sao không dc gì zây!
thiết kế website ở qui nhơn

Post a Comment

Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng để lại lời nhắn.Cám ơn bạn đã ghé thăm !

 
Support : Creating Website | Demo Template
Copyright © 2011. Free Style Love - All Rights Reserved
Template Created by Creating Website Published by DemoTemplate
Proudly powered by Blogger