Related post beautiful to increase pageviews

Related articles related to post or alias posting on the same category and a link is a list of other related articles which are linked because in the category or the same label. Almost all bloggers have been installed, but it has to optimize your installation associated with the function that also considers the beauty of factors that increase page view?


Related to the post you can ease your diblog readers find articles of a kind of interest. To have gained increasing function related post have the attributes below:

1. Rapi, Because healthy people will surely like the cleanliness and tidiness
2. Appearance to attract attention, give you a light color also attract attention, but has integrates with the overall color blog?
3. There is a certain effect when the mouse is highlighted, this is also associated with the two-point "recruit" alias search attention.
4. Placement in the right, because I never tried to put the first related post in the sidebar and this turns out to be less effective because of less note. Or placement that is too down also less effective, because it is too far from the article.

If not meet the above criteria, means not exploit the maximum optimization in the high page views. But ngomong-ngomong have not yet know the page views ga? oo already know all apparently, is yes.

Related posts that I mean like the picture below: (left click to zoom)

Please try to have under the original, try sorotkan your mouse on the area related post, what you see?, And many related articles if it is not akan lengthwise down as the train. But will appear on the right scroll box.

How do I install? Follow the following explanation:

If you have not installed the previous related post:
Find the code below on your template, remember the previous checkbox "Expand Widget

Templates"<p><data:post.body/></p>. kalau sudah ketemu silahkan copy kode berikut ini kemudian paste dibawah kode tadi.

<b:if cond="'data:blog.pageType"> <h2>Artikel Terkait:</h2><div class="'rbbox'"></div><div style="'margin:0;"><div id="'albri'/"><script type="'text/javascript'"> var homeUrl3 = "<data:blog.homepageurl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(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('albri').appendChild(div1); } } } function search10(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><script type="text/javascript">RelPost();</script> </div></b:if>

If you are searching for more, please code below: ]]></b:skin> If you already meet the copy code below and paste "over" the code" kode ]]></b:skin> Earlier.

/*----------------------------- kode related post optimal visit http://www.ateonsoft.com ------------------------------*/ .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px; background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;} .rbbox:hover{background-color: rgb(255, 255, 255);}

Then copy the code below and paste "under" the code
]]></b:skin> tadi: <SCRIPT src='http://ateon.fs.googlepages.com/kodescript.js' type='text/javascript'/>

If it is stored please templatenya. See the results by opening the one you artikal.

If you already installed the previous related post:
Oops tired if I have to write again. Should remove all the code related to your post, and then repeat the sequence above. If you want diotak especial please deh.

OK bro ........ happy bloging