Wednesday 12 December 2012

Cara Membuat Artikel Terkait Di Bawah Postingan Blog

" Cara Membuat Artikel Terkait Di Bawah Postingan Blog "

 
Beberapa Hari lalu salah satu sahabat Wizyuloverz yang bertanya bagaimana cara membuat artikel terkait di bawah postingan Blog, nah oleh sebab itu kali ini saya membuat artikel mengenai Cara Membuat Artikel Terkain Di Bawah Postingan Blog, dengan adanya artikel terkait lainnya memiliki keuntungan bagi blog yang kita miliki karena memudahkan pengunjung melihat postingan lainnya yang kita miliki terkait dengan apa yang telah pengunjung lihat itu, berikut cara membuatnya.
 
Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog anda.
2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Widget 
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template 
5. Kemudian cari kode <data: post.body> gunakan Ctrl+f

6. Copy kode dibawah ini dan simpan dibawah kode <data: post.body>

<b:if cond=’data:blog.pageType == “item”‘>
<div class=’similiar’>
<span class=’box’>
<div class=’widget-content’>
<h3>Artikel Terkait</h3>
<div id=’data2007′/><br/><br/>
<script type=’text/javascript’>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;
function listEntries10(json) {
var ul = document.createElement('ul');
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 == '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 &lt; 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&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot;
&quot;);
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('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&amp;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 = &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>
</span></div>
</b:if>


7. Simpan Template Dan lihat Hasilnya

Keterangan : 
  • Silahkan Ganti Tulisan Bercetak warna Kuning Dengan Kata-kata yang sahabat inginkan,
  • Biasanya kode <data: post.body> ada dua didalam template Blog, silahkan pilih kode yang ke dua atau yang paling bawah.

Sumber : http://wizyuloverz.blogspot.com

 

Artikel Terkait

[archives limit=10]

0 comments:

Post a Comment

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Online Project management