Join Easy-Forex, THE site for forex trading. Best Website for hosting
Download Forex Joe's Free Book
You Know Free Practice Trading Account,Trading Forex A currency trade is the simultaneous buying of one currency and selling of another one. The currency combination used in the trade is called a cross (for example, the euro/US dollar, or the GB pound/Japanese yen.). The most commonly traded currencies are the so-called "majors" – EURUSD, USDJPY, USDCHF and GBPUSD.

Related Posts Widget For Blogger with CSS

Related Posts Widget for blogger is what everybody is looking for, In Most of the sites we will find only javascript code and HTML tag for related posts widget. After adding the code to your blog , you can see just a list of related posts without any arrows or style css. So i wanted to embed both in order to make the widget links looks beautiful.

Thats it , now look at the page , it will look like this

Related Posts Blogger

: search this line <p><data:post.body/></p> . (<p><data:post.body/></p> Then_the_related_posts_script_here) and paste the following script the code just below:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
You want it? <u><a href='http://yuljet.blogspot.com/2008/10/related-posts-widget-for-blogger-with.html'>Click here</a></u> | <u><a href='http://www.yuljet.blogspot.com/' title='Related Posts on Blogger. Read More?'>Yul Jet</a></u>
</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>


Save your template. refresh your blog, and Done.

That’s all. Enjoy!

Note; Related Posts is a list of all posts related to some article based on the labels. And because this uses Javascript, if you want to create a list of posts related by content, it might be pretty hard to do currently.

Related Posts by Categories



U want get it? click here | Yul Jet

Comments :

3 comments to “Related Posts Widget For Blogger with CSS”

Anonymous said...
on 
gravatar

Hello friend ! your blog is great . i like your blog so much friend . tell me too where i can learn from in your blog? . ummm!! but don't forget add my homepage into your blog too , thanks . goodluck .

Anonymous said...
on 
gravatar

សូមអរគុណ
កូនស្រីខ្មែរ
ជាអនេក
អរពន់ពេក
បានស្រីខ្មែរ
សរសើរខ្ញុំ
ចូលប្លុកនេះ
ទោះយ៉ាងណា
កុំបារម្ភ
សួរចំៗ
នៅកន្លែងណា
ដែលអ្នកឆ្ងល់។
ប្រសិនជា
ខ្ញុំមិនចេះ
ឆ្លើយមិនចេញ
កុំទោរម្នេញ
ព្រោះចំណេះ
ខ្ញុំមិនដល់
បើខ្ញុំអាច
ឆ្លើយបានវិញ
សូមកុំឆ្លល់
ដាក់ដល់ៗ
ឲ្យអ្នកបាន
ផុតសង្ការ។

Anonymous said...
on 
gravatar

-អេះ អម្បាញ់មិញភ្លេច នូវសំណូម-
ពរដែលកូនស្រីសូម សុំឲ្យដាក់
នូវទំព័រ Homepage គេបញ្ជាក់
ឲ្យតាមលំដាប់ថ្នាក់ ក្នុងប្លុកខ្ញុំ។

-សូមកុំភ័យកុំភិត កូនស្រីខ្មែរ
អារឿង Link គេ កុំបារម្ភ
នេះគឺជារឿងតូច របស់ខ្ញុំ
អារឿងដែលថាធំ ខ្លាចគេចូល, ឯណោះទេ! ហិហិ...

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

 

Blogger Torturial

Visitor From...

Followers

Copyright © 2009 by Blogger Torturial , Help Blogger , Fixs Blogger, Techlogy today

Join Easy-Forex, THE site for forex trading. Best Website for hosting
Download Forex Joe's Free Book
Template by Blog Templste 4 U | Blogspot Tutorial