0 How To Make Related Posts

Do you want to share?

Do you like this story?

In this article I will provide information on how to make Related Posts. Immediately, you read the text below: 

Links from the titles of articles in our blog with the same label and usually is under the posts. Presence of associated widget this article can be easier for visitors to explore our blog relating primarily to the article. 

The appearance of the widget-related article may only be the titles of articles only, or there is also the picture / thumbnail. Every blogger has the taste and the specific reason for using a type of widgets that he chose. 

To install the widget-related articles such as those installed on this blog, you can follow the installation steps below. 

1. Log into your Blogger account. 

2. Click Design. 

3. Click Edit HTML. 

4. Back-up templates used for in case there is a problem later in editing. 

5. Click ​​the Expand Widget Templates. 

6. Find the HTML code like below. <div class='post-footer'> 

<div class='post-footer-line post-footer-line-1'/> 

<div class='post-footer-line post-footer-line-2'/> 

<div class='post-footer-line post-footer-line-3'/> 

</ div> 

</ div> 

7. Copy the HTML code below and paste / put right under the code. 

<b:if cond='data:blog.pageType == "item"'> 

<div class='similar'> 

<! - ***************** ***** Http://hoctro.blogspot.com Jan, 2007 ************ ****** -> 

<! - ***************** Related Articles by Labels - Take Two ****************** -> 

<div class='widget-content related-by-cat'> 

<h3> Related Posts / Articles Related: </ h3> 

<div id='data2007'/> <br/> <br/> 

<div id='hoctro' style='display:none;'> 

Widget by Blogspot Tutorial <u> <a href='http://myblogspot-tutorials.blogspot.com/'> </ a> </ u> | <u> <a href = 'http://www.jackbook.com/' title = 'Related Posts on Blogger Modified by JackBook.Com. Read More? "> Jack Book </ a> </ u>

</ Div> 

<script type='text/javascript'> 

var homeUrl3 = "<data:blog.homepageUrl/>"; 

var maxNumberOfPostsPerLabel = 50; 

var maxNumberOfLabels = 40; 

maxNumberOfPostsPerLabel = 40; 

maxNumberOfLabels = 40; 

listEntries10 function (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); 

} 

} 

} 

search10 function (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. 

If successful there will be display "Your changes have been saved" and click on View Blog to see the results and try to open your articles.

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogspot Tutorial di inbox anda: