Make a related post with scroll function

Make a related post with scroll function
^^>Related Post<^^>Related Post<^^>Related Post<^^


Actually for this one article has been posted by many experts and bloggers. Sometimes the novice blogger to find an article that perseis related problems found while playing the blog is very difficult. Right now I would like to continue as the title of the article above in order to help friend's friend when this blog was opened there.
Make a list of related post or an article related to a post that already has a lot of very necessary at all. The purpose of this post relaed list in order to inform visitors about the articles which are related to the recently opened post arrives and does not require a long page. In this post I will present how to make the articles associated with the scroll function See related pictures of this post.
Simply follow the steps below.

Log in to your blog, then choose Layout,
Select the Edit HTML do not forget to give a cross in box Expand Widget Templates. Download full template to avoid mistakes.


Find the code  :  <data:post.body/> and place the code below after the code <data:post.body/>

Note  :
If you are using the function read more, there are usually two code, plug in the bottom of the first code.
You can replace the following text Also Read This: Unlimited.


Save the template and see the work my friend.

<b:if cond='data:blog.pageType == "item"'> <br/> <br/> <H2> Baca Juga Yang INI dibawah : </ H2> <div class='rbbox'> <div style = 'margin: 0; padding: 10px; height: 200px; overflow: auto; border: 1px solid # ccc;'> <div id='albri'/> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; maxNumberOfLabels = 3; fungsi listEntries10 (json) { var ul = document.createElement ('ul & # 39 ;); maxPosts var = (json.feed.entry.length <= maxNumberOfPostsPerLabel)? json.feed.entry.length: maxNumberOfPostsPerLabel; for (var i = 0; i <maxPosts; i + +) { var masuk = json.feed.entry [i]; var alturl; for (var k = 0; k <entry.link.length; k + +) { . if (entry.link [k] rel == 'alternatif' ;) { 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 =(Var l = 0; l <json.feed.link.length; l + +) { if (json.feed.link [l] rel == 'alternatif'.) { var Baku = 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 =search10 (query, label) { var script = document.createElement ('script'); script.setAttribute ('src', + query 'feeds/posts/default/- /' + label + 'alt = json-in-script & callback = listEntries10 ');? script.setAttribute ('CARI JENIS', '/ javascript & # 39 ;); document.documentElement.firstChild.appendChild (script); } var labelArray = new Array (); var numLabel = 0 ; <b:loop values='data:posts' var='post'> <b: lingkaran Diskonto'data: post.labels' = var ='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i <labelArray.length; i + +) jika (labelArray [i] == textLabel) test = 1; if (tes == 0) { labelArray.push (textLabel) ; var maxLabels = (labelArray.length <= maxNumberOfLabels)? labelArray.length: maxNumberOfLabels; jika (numLabel <maxLabels) { search10 (homeUrl3, textLabel); numLabel + +; } } </ b: loop> </ b: loop > </ script> </ div> <script type="text/javascript"> RelPost (); </ script> </ div> </ b: if>

Further search for the code]]></b:skin> Replace the code below the above code ]]></b:skin> 

. Rbbox {border: 1px padat rgb (192, 192, 192); padding: 5px; background-color: # f0f0f0;-moz-border-radius: 5px; margin: 5px;} . rbbox: hover {background-color: rgb (255, 255, 255);}

For background please adjust the template buddy.
May be useful.
Posted by Nur Asrul Rahim on Thursday, December 22, 2011

Related Post: