9 Jun 2011

make Related Post widget In bottom post (per label)

assalamualaikum wr.wb
related post V1
Hello Sharelikers.In this Moment i will share about the widget that required in a Professional Blog or web. In a blog or web,we didnt need to much trash widget (See the fault of the blogger ).It can make your loading of web be slower than before,and make your visitor escaped (because he want the fast load blog). Remember ,Content is the King in the Blog,so in the blog we must serve our best content . With this widget we can serve our related article with same label and compare with related post with Thumbnail,its faster than using Thumbnail.

So what the step to plug this widget for Our blog?Okey,if you interested.You may follow these simple steps amd applied it into each your bottom post.
  • Loggin into your Blogger account.
  • Than click design and click EDIT HTML
  • Next checklist Expand widget Template 
  • search this code ]]></b:skin> and if you find it,copy these next code before ]]></b:skin> code

    .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
    background-color: #99ffff;-moz-border-radius:5px; margin:5px;}
    .rbbox:hover{background-color: rgb(255, 255, 255);}
  • You may change the code,just like you own.
  • then find this code (also with CTRL +F )

     <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
  • If you using auto readmore,maybe you found two that same code,please choose the first code
  • then copy and paste these below code after <data:post.body/>

    <br/> <H2>You may interest with this:</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 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; 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;albri&#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> <script type="text/javascript">RelPost();</script> </div> </b:if>
  • Then save your Template
Ok,I think this enough for today,I hope this widget can make your Blog will be rich content,and your pageviews will increase and your blog stay fastly.I hope How  to make Related Post widget In bottom post can be useful to build up your blog.If this code were mistaken or cant applied in your blog,please tell us.We will fix it quickly.Keep in touch In Yang Penting Share!


Tampilan terbaik menggunakan Google chrome dan Mozilla +5 layar 1280x854


  1. visitors didn't run guys...maybe they escape from your blog...wkwkwkwkwk...(nobody is perfect...Asal ?????) :D

  2. bales my comment ya, biar sama2 blajar english...wkwkwkwkw http://dehistology.blogspot.com :D

  3. @Dedi wkwkwk yeah my english isnt really good. :D but your comment not relevant with topic,Next you must make it according to the topic ok ?

  4. wow, keren gan ada efek css nya, thanks :)