Make You Smile: Creating Related Articles (Related Post)

Some of the web must have written this trick but I will write back with my own language or with language that is easily understood.

Gain display "Related Articles" or "Related Post", "Related Article" are blog readers could easily find other information that still has something to do with who they are reading the article.
Here's how to make it!
Follow the steps below :

a. Log in to Blogger bloggers.

b. Select the "Layout -> Edit HTML".

c. Check the box "Expand Widgets Templates'.

d. Enter the following script code after the tag <head> and before the tag </ head> like this:

<ul><code><script type="text/javascript"> 
//<![CDATA[ 
var relatedTitles = new Array(); 
var relatedTitlesNum = 0; 
var relatedUrls = new Array(); 
function related_results_labels(json) { 
for (var i = 0; i < json.feed.entry.length; i++) { 
var entry = json.feed.entry[i]; 
relatedTitles[relatedTitlesNum] = entry.title.$t; 
for (var k = 0; k < entry.link.length; k++) { 
if (entry.link[k].rel == 'alternate') { 
relatedUrls[relatedTitlesNum] = entry.link[k].href; 
relatedTitlesNum++; 
break; 
} 
} 
} 
} 
function removeRelatedDuplicates() { 
var tmp = new Array(0); 
var tmp2 = new Array(0); 
for(var i = 0; i < relatedUrls.length; i++) { 
if(!contains(tmp, relatedUrls[i])) { 
tmp.length += 1; 
tmp[tmp.length - 1] = relatedUrls[i]; 
tmp2.length += 1; 
tmp2[tmp2.length - 1] = relatedTitles[i]; 
} 
} 
relatedTitles = tmp2; 
relatedUrls = tmp; 
} 
function contains(a, e) { 
for(var j = 0; j < a.length; j++) if (a[j]==e) return true; 
return false; 
} 
function printRelatedLabels() { 
var r = Math.floor((relatedTitles.length - 1) * Math.random()); 
var i = 0; 
document.write('<ul>'); 
while (i < relatedTitles.length && i < 20) { 
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); 
if (r < relatedTitles.length - 1) { 
r++; 
} else { 
r = 0; 
} 
i++; 
} 
document.write('</ul>'); 
} 
//]]> 
</script></code>

Then find the widget code as below :

In the script above, add the bold script as below :

Save template

Then go to Layout -> Page Elements and add a new HTML / Javascript widget. give the title or the title Title Related Post. and then copy and paste the script below on who the box provided:

<script type="text/javascript">

removeRelatedDuplicates();

printRelatedLabels();

</script>

Now go back to Layout -> Edit HTML, check / tick / enable the Expand Widget Templates To be able to edit the template as a whole, then locate the HTML / Javascript widget which we add Related Post. Add the red line as below

<b:widget id='HTML13' locked='false' title='Related Post' type='HTML'>

<b:includable id='main'>

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

<!-- only display title if it's non-empty -->

<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

h. Look results.

Notice : After so if you want to change the words "Related Posts by Categories" then search for the code in HTML, then replace it with text / writings you like.

All that I give only to you and so you can smile.Terima you very much,

Make you smile

Creating Related Articles (Related Post)

About

0 comments

Leave a Reply

Page

Search

Sites

Pemberitahuan

Friends follow