Tuesday, November 23, 2010 Tutorial Membuat Related Post Posting Blogspot

Tutorial Membuat Related Post Posting Blogspot

Apa itu Related post ?.
    Sebelum kita masuk kedalam pokok permasalahan sebaiknya saya sidikit menjelaskan maksud dari Related post yang kita bicarakan sekarang. Related post merupakan kumpulan beberapa link posting yang saling berhubungan antara satu dengan yang lain pada sebuah blog atau website, hal ini bisa terjadi karena adanya penghubung yang biasa kita lihat itu adalah Kategori atau label posting. Apabila kita memposting sebuah artikel tentu kita mengisi kategori atau label, jika kita posting 2 artikel dengan kategori yang sama berarti kedua artikel itu bisa disebut dengan Related post saling berhubungaan.

Apa tujuan membuat Related post ?.

    Setelah kita tahu apa itu Related post sekarang saya akan menjelaskan maksud dan tujuan jelas kenapa kita harus memasang Related post pada blog kita. Banya blogger mengatakan Related post itu bertujuan untuk menaikan pege views dan bukan sekedar untuk mempercantik blog atau dijadikan sebagai pemanis blog/web. Related post tentu sangat berperang penting dalam menaikan page views dan sangat bermanfaat buat blog kedepan.
Berikut tujuan membuat Related post ;

• Menaikan page views
• Membantu posting lama yang belum ke indeks oleh mesin pencari
• Mempermudah pengunjung blog untuk melihat artikel yang anda buat dulu

Sekarang kita langsung ke pokok permasalahan cara membuat Related post imak tutorial berikut ini :

•  Login ke account blogger anda,
• Pada dashboard, pilih edit layout–> edit HTML
• Centang Expand widget template
• Cari kode seperti dibawah ini, lebih mudah bila anda menggunakan ctrl+F

<p><data:post.body/></p>

•   Lalu sisipkan kode2 berikut persis dibawah kode ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<H2>Artikel Terkait:</H2>

<DIV class='rbbox'>

<DIV style='margin:0; padding:10px;height:200px;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 = 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;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>