ajatkurniawan.com

Hubungi Kami: 087736500711 | 082134844244 | Pin 7FC7ED2D

Cara Mudah Membuat Related Post – Artikel Terkait Di Blogspot

Oke sebelumnya saya pernah share kemarin yaitu tetang tips ngeblog juga Menampilkan Hanya Judul Postingan Saja di Home (Beranda), Cara Membuat Cursor Bertabur Bintang Di Blogspot, dan Cara Mencari Kata Kunci atau Keyword Posting. Dan untuk kesempatan kali ini saya akan share Cara Mudah Membuat Related Post. Untuk Agan-agan yg masih bingung ngotak-ngatik kesana kemari belum bisa juga? Semoga dengan cara ini bisa gan, silahkan bisa dicoba.
Sebelumnya, mendengar perkataan “Related Post” saya yakin para sahabat blogger sudah tahu maksudnya. Tetapi masih banyak juga yang memiliki blog dan tidak membuat related post pada postingnya. Hal ini tentu saja akan merugikan blog itu sendiri, mengapa saya katakan demikian ?? Karena dengan adanya related post atau artikel terkait di setiap postingan, tentu saja ini akan memberikan backlink kepada posting yang lama dan visitor bisa mengunjungi postingan tersebut walaupun sudah lama dipublish.

Cara atau Langkah Membuat Related Post

  • Login ke Blogger.com –> Design –> Edit HTML
  • Lalu tandai kotak kecil Expand Widget
  • Lalu cari kode <data:post.body/> jika menemukan banyak kode tersebut, gunakan kode yang ke-2
  • Copy-paste kode berikut di bawah kode <data:post.body/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<p style=’font-style:bold;’>ARTIKEL TERKAIT:</p>
<div class=’rbbox’>
<div style=’margin:0; padding:10px;height:150px;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 = 15;
maxNumberOfPostsPerLabel = 15;
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>
  • Kemudian cari kode ]]></b:skin>
  • Copy-paste code berikut ini tepat diatasnya.

 

.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
.rbbox ul li {
display : block;
background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;
  • Terahir klik save/simpan.

Oke gimana? Cukup mudah bukan? Hehe 🙂 Yups demikianlah Cara Mudah Membuat Related Post atau artikel terkait di blog. Semoga cara diatas bisa membantu Agan-agan yg masih bingung. Jangan bingun gan, semangat ! Salam sukses buat kita semua.

Cara Mudah Membuat Related Post – Artikel Terkait Di Blogspot
Artikel "Cara Mudah Membuat Related Post – Artikel Terkait Di Blogspot" ditulis oleh admin update terakhir pada 4th May 2012 Categories: Komputer & Teknologi Tags: permalinks http://www.ajatkurniawan.com/cara-mudah-membuat-related-post-artikel-terkait-di-blogspot.html di Herbal Back To Nature

Related Posts:

Histats
Obat Kutil Kelamin, Obat Kanker, Obat Diabetes, Obat Sipilis, Obat Gonore, Obat Kencing Nanah, Obat Raja Singa, Obat Eksim, Obat Liver, Obat Jengger Ayam, Obat Wasir, Obat Klamidia, Obat Kondiloma Akuminata, Obat Ambeien
2015 - Herbal Back To Nature