Cara Membuat Related Post Di Blogger Loc Arif rwxr-xr-x 0 10.13

Title	Cara Membuat Related Post Di Blogger
Permission	rw-r--r--
Author	Loc Arif
Date and Time	10.13
Category
Share

Cara Membuat Related Post Di Blogger - Related Post atau artikel terkait sangatlah penting menurut saya, related post bisa membuat blog lebih bagus, related post juga bisa membuat pengunjung kita lebih mudah untuk mengetahui artikel yang berhubungan dengan postingan yang sedang dia baca...
Nah pada kesempatan kali ini saya akan coba membuat postingan tentang cara membuat related post di blogger, sebeneranya sih mudah untuk membuat related post di blogger, dan tidak terlalu membuat blog menjadi berat ko...


Yaudah mari kita bahas cara membuat related post di blogger :
Cara Membuat Related Post Di Blogger

1. Login ke blogger...
2. Masuk ke rancangan, edit html..
3. Jangan lupa untuk mencentang expang widget template...
4. Lalu copy script dibawah ini, kemudian pastekan tepat diatas script ]]></b:skin>

   /* Related Post */

   .related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#E0F5FF;}

   .related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}

   .related_posts a{color:#000;}

   .related_posts ul{padding:0;}

   .related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background:url(http://4.bp.blogspot.com/-q-HyNrgjvAE/TzQx3btIV4I/AAAAAAAABbU/PXVhFzfCOwg/s400/star.gif) no-repeat 0 7px;}

5. Langkah berikutnya coba sobat cari script <div class=’post-footer-line post-footer-line-1′>, jika tidak ada script seperti itu coba cari script <p class=’post-footer-line post-footer-line-1′>, dan letakan script dibawah ini tepat diatas script itu...

   
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='related_posts'>
   <div class='widget-content'>
   <h4>Related Post:</h4>
   <div id='data2007'/><br/><br/>
   <script type='text/javascript'>
   var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
   var maxNumberOfPostsPerLabel = 10;
   var maxNumberOfLabels = 2;
   maxNumberOfPostsPerLabel = 10;
   maxNumberOfLabels = 2;
   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;data2007&#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>
   </div>
   </b:if>

6. Kemudian simpan...

Nah mudah bukan cara membuat related post di blogger, semoga dengan adanya tutorial cara membuat related post di blogger ini blog sobat bisa lebih sesuatu d'mata mbah gugle dan d'mata pengunjung....

Selamat Membaca Cara Membuat Related Post Di Blogger

Related Posts: