Rabu, 06 Juli 2011

Memasang related posts atau artikel berkaitan

Related post atau artikel yang berkaitan kadang menjadi bagian dari sebuah blog, juga merupakan sebuah cara untuk menampilkan link-link artikel yang berkaitan dengan artikel utama dan biasanya terletak dibawah artikel utama.

Pemasangan related post atau artikel berkaitan ini biasanya dikelompokkan berdasarkan label atau kategori. Jadi jika ada salah satu artikel dari label tertentu ditampilkan maka artikel-artikel lain yang mempunyai label sama juga akan ikut muncul dibawah artikel tersebut.

Tujuan pemasangan related post ini agar pengunjung lebih mudah untuk mencari artikel yang berkaitan dengan artikel utama dan membuat penasaran pengunjung, sehingga tertarik untuk membukanya, juga pengunjung tidak perlu report untuk mencari satu persatu artikel dalam menu label atau kategori.

Bagi anda yang belum tahu related posts bisa di lihat contohnya seperti ini :

Gimana sudah jelas bukan, nah,,,bagi anda yang mau silahkan ikuti caranya berikut :
  1. Login ke blog anda, pilih menu Rancangan, pilih lagi opsi Edit HTML.
  2. Backuplah atau download full template terlebih dahulu template anda, agar nanti jika terjadi kesalahn atau galat anda tinggal mengganti template sebelumnya.
  3. Kemudian checklist pada kotak Expand template widget, agar memudahkan dalam mengedit templatenya.
  4. Carilah kode berikut :
                                          <data:post.body/>

     5.  Jika telah ketemu masukan kode berikut di bawah kode  <data:post.body/> :
 
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel yang berkaitan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
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;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>
Dengan catatan, biasanya jika blog anda telah terpasang read more akan di temukan dua kata <data:post.body/> , maka yang harus anda lakukan adalah memasukkan kode yang tadi di atas kode <data:post.body.> yang pertama dan anda bisa mengganti Artikel yang berkaitan dengan kata-kata sesuai keinginan anda.
 
Jika telah selesai, klik simpan  template, dan lihat hasilnya...

  
Memasang related posts pada blog blogspot, memasang artikel berkaitan pada blog, Cara pasang related posts pada blog, pasang artikel berkaitan pada blogspot.

0 komentar:

Posting Komentar

Adsense Indonesia Paid Review Indonesia