Membuat Artikel Terkait/related Artikel Pada Blogger

Diposting oleh Unknown on Jumat, 27 Mei 2011

Membuat Realted Artikel pada blog atau website merupakan sebuah tehnik agar pengunjung blog atau website kita  lebih mudah menemukan artikel-artikel lain yang berkaitan dengan artikel yang sedang mereka baca. Cara ini juga akan membuat pengunjung lebih betah untuk berlama-lama membongkar semua tulisan yang kita tulis.
Berikut ini adalah langkah-langkah membuat realted artikel pada blogger.


Login ke blog anda, pilih menu Design + Edit HTML. Jangan lupa backup template anda, takut nanti terjadi hal-hal yang tidak di inginkan. Centang " Expand Widget Templates " kemudian cari kode berikut <data:post.body/> , gunakan Ctrl + F untuk mecari kode tersebut.
Setelah ketemu perhatikan kode ini <div style='clear: both;'/> <!-- clear for photos floats -->

Selanjutnya copykan kode di bawah ini diatas kode <div style='clear: both;'/> <!-- clear for photos floats -->
Code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Jangan lupa baca yang ini juga</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>

Kode yang berwarna merah diatas bisa di sesuaikan dengan selera anda.
Oke sekian, jika ada yang kurang jelas, silahkan tinggalkan komentar anda

Wassalamualikum wr. wb

{ 0 komentar... read them below or add one }

Posting Komentar