To post this time I only help one of my friends , which we use the same template by Kang Rohman (R.1.5 ). as you see the picture above or you can see below this post . which feeds on the left and right are related articles
so how to make it? let follow step by step :
P.S : for his CSS code I took from my template so it probably will look exactly the same as mine :)
highly recommended you to backup your template by way of download full template
check settings on Expand Widget Templates
find this code ]]></ b : skin >
then remove the code above and replace with the code below
for the next step , a little difficult for those of you who dont really know about blogger template or you will not understand my english : D , because I am not fluent in english.
There are 2 steps for this section, I hope this will facilitate you in the addition of 2 columns below the post
1. If you use the auto Read More
Find this code <b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>
place the code that I will give below among <b:if cond='data:blog.pageType == "item"'> <data:post.body/> and < / b : if >
Example : ▼
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://disini Letakkan url blog anda /feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'>disini letakkan kode Form Berlangganan Anda </p></div>
<div class='related-posts'>disini letakan kode Related Post Anda </div></div>
</b:if>
2. If you are not using the Auto Read More
Find this code <data:post.body/>
then place the code that I will give below under the code <data:post.body/>
first find this code <b:if cond='data:blog.pageType == "item"'><data:post.body/> . if you find that code in your template put the code below under the code <b:if cond='data:blog.pageType == "item"'><data:post.body/> And if you do not find the above code search <data:post.body/> then paste the code below under the code <data:post.body/> The following code , place the code below as my instructions above
<br/><br/>
<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://bendol-online.blogspot.com /feeds/posts/default'>SUBSCRIBE VIA RSS FEED</a></p>
<p class='intro'><!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssbendol'>
If you like the article on this blog, Please <a href='http://feeds.feedburner.com/bendol ' target='_blank' title='Berlangganan'>
<b>CLICK HERE</b></a> to subscribe for free via email, that way you will get a shipment every article there is an article that appeared in <a href='http://bendol-online.blogspot.com / ' target='new'><font color='#0099DD'><b>BENDOL ONLINE </b></font></a>
<div class='subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=diesilver', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssbendol' name='email' onblur='if (this.value == "") {this.value = "Enter your Email Address Here...";}' onfocus='if (this.value == "Enter your Email Address Here...") {this.value = "";}' type='text' value='Enter your Email Address Here...'/>
<input name='uri' type='hidden' value='bendol'/>
<input name='title' type='hidden' value='bendol'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='tombol' type='submit' value='SUBCRIBE'/></div>
</form></td>
</tr>
<td align='left' style='padding:4px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/bendol '><img alt='' height='26' src='http://feeds.feedburner.com/~fc/bendol?bg=99CCFF&fg=444444&anim=1' style='border:0' width='88'/></a></td>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->
</p></div>
<div class='related-posts'><b:if cond='data:blog.pageType == "item"'><div class='rbbox'><div style='margin:0; padding-left:10px;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 2;var maxNumberOfLabels = 8;maxNumberOfPostsPerLabel = 12;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> </div>
</div>
You just change my blog feeds to your blog feed, which I mark with color
save your template , if already completed
and see the result
GL
if you are Indonesian people, you can read it here
Must be Have 1
thank bro
Post a Comment