Related to the post you can ease on your blog readers find articles of a kind of interest. To have gained increasing function related post have the attributes below:
1. No Mess, 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.
Related posts that I mean like the picture below:
Please try to have under the original, try shot your mouse on the area related post, what you see?, And many related articles if it is not will 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> that already met please copy the following code and paste the code line.
<b:if cond='data:blog.pageType == "item"'>
<H2> Related Articles: </ 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'>
homeUrl3 var = "<data:blog.homepageUrl/>";
maxNumberOfPostsPerLabel var = 4;
maxNumberOfLabels var = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
listEntries10 function (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);
)
)
)
search10 function (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 ();
numLabel var = 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" code ]]></ b: skin> earlier.
/*-----------------------------
post code related optimal
visit http://www.trik-tipsblog.blogspot.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> earlier:
<script Src='http://triktipsblog.fileave.com/kodescript.js' type='text/javascript'/>
If it is stored please template. See the results by opening the one you article.
Source : atheonsoft
No comments:
Post a Comment