Smart Tips Make Related Post

Please Share this article is useful !
Weel Come in My blog, sorry mate ni oya ya, if my friend read on my About Me on the link that describes the reason I chose paper as the title of Athletics blog, then my friends would ask why I created an article that is totally unrelated with the only purpose of my paper lists only. Haal I do when there are some friends who asked me to tell you how to make Related bagamana post on the blog. show me dah blog that discuss about it, but my friends do not understand. end with a 24x clock for the meeting thinking I decided to write an article that I find useful. one of them is Smart Tips Make Related Post. In this article, before I had learned from some quality in my blog, and your friends will know about the details at the bottom. 

Okay .., just go ahead without any strings attached, let's continue our discussion of Smart Tips Make Related Post.
  • Find menu Layout - Edit HTML in your blog Dashboard.
  • Download your template before HTML to keep changing the template can be returned if there is a mistake! friends can click Download Full Template or you can copy it and paste it in notepad, this is if your friends want to quickly malakukannya.
  • Check or mark (Expand Widget Templates)
  • Look for the code]]> </ b: skin>
  • Add the following code and place it just above the code]]> </ b: skin>
<style> # related-posts {float: left; width: 540px; margin-top: 20px; margin-left: 5px; margin- bottom: 20px; font: 11px Verdana; margin-bottom: 10px;} # related-posts. widget {list-style-type: none; margin: 5px 0 5px 0; padding: 0;} # related-posts. widget h2 , # related-posts h2 {font-size: 20px; font-weight: normal; margin: 0 5px 7px; padding: 0 0 5px;} # related-posts a {text-decoration: none;} # related-posts a : hover {text-decoration: none;} # related-posts ul {border: medium none; margin: 10px; padding: 0;} # related-posts ul li {display: block; background: url ("https:// / site / rhakateza / rss.png ") no-repeat 0 0; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 1px; padding-left: 21px; margin -bottom: 5px; line-height: 2em; border-bottom: 1px dotted # cccccc;} </ style> <script src = ' js' type = 'text / javascript' /> 

How Could dah, let's move on to the next stage: ...
  • Then find the code <data:post.body/>. or on some commonly used template <div class='post-body> or <data:post.body/>. If my friend has installed automated Readmore .. then my friend will find a lot of code <data:post.body/>, so my friend just look for the first <data:post.body/> make it easy my friend can press ctrl F and paste or write directly pal <data:post.body/> the code. 
  • Add the code below and paste the code below <data:post.body/> code or a code corresponding to the template buddy. As for the code are:
<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'> <b> Related Posts: </ b> </ font> <font color='#FFFFFF'> <b:loop values='data:post.labels' var='label'> <> <b: if cond = 'data: label.isLast! = "true"'>, </ b: if> <b:if cond='data:blog.pageType "item"'> == <script expr: src = '"/ feeds/posts/default/- /" + data: + "? alt = json-in-script & callback = related_results_labels & max-results = 5"' type = 'text / javascript' /> </ b: if> </ b: loop> </ font> <script type='text/javascript'> removeRelatedDuplicates (); printRelatedLabels (); </ script> </ div> </ b: if> 
  • Description: The code in red is for the name looks, my friend can change at will pal. and the blue color code is the sum of its Related Post, my friend can change as you wish my friend Related Post how many you want in the show. number five is the number of displayed Recent Post.  
  • The final step is to save it by clicking the SAVE TEMPLATE. mencobaa survived ... 


After doing the above my friend correctly, then the appearance will be perfect, there will appear a link associated with the Related Post mate, if the code above the link that will appear is the Related Posts Widget [?] With a link that leads to (http :// or with other links. 

If my friend does not want to display it, then steps need to mate to do is:

Please press ctrl F and type or paste this code </ head>
After that my friend patekan code below and place it just above the </ head>

<script type='text/javascript'>
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 <; k++) {
if ([k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] =[k].href;
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;
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
} else {
r = 0;}

After that the blue color code as below, please delete my friend.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style>  <script src='' type='text/javascript'/>

Then please click the SAVE TEMPLATE friend, and see the results, then the link has disappeared. 

A few explanations of our theme today is Smart Tips Make Related Post, if my friend to do it too hard, my friend can give comments, and if something goes wrong in my writing, my friend can critique with comments

Thank you for reading and sharing this article !

Free Articles! Please enter your email.
Print PDF

« Prev Post
Next Post »

Copyright © 2012 My Article - All Rights Reserved