Selasa, 05 Januari 2010

Cara Membuat Artikel Yang Berhubungan / Related Post / Artikel Terkait


Membuat Artikel Yang Berhungan [Related Post] Pada Blogger


Wah,panjang ya judul artikel kali ini,hehe.. maksudnya biar semua bisa nyantol gitu :p
Related Post/Posting Terkait,kita semua tahu bahwa merupakan bentuk optimasi sekaligus menghias blog.

Jika anda melihat tulisan ‘Baca Juga Yang Ini..’ pada setiap akhir artikel pada blog ini,kira-kira seperti itu bentuk related suatu post,walaupun memang yang saya pakai adalah cara konvensional alias manual :p

Namun jika anda ingin memakai cara yang lebih praktis dan tidak ribet,kita bisa memakai script dari hoctro.blogspot.com [prasaan dari kemaren hoctro muluk! lanjut gan!-red].

Contoh hasil dari membuat artikel yang berhubungan dari script yang hoctro berikan,bisa lihat blog seo teman saya di SINI.
Nah,bagi anda yang ingin tahu langkah cara membuat artikel yang berhubungan ini,yuk ikuti langkah berikut ini.



Langkah Cara Membuat Related Post/Artikel Yang Berhubungan



Pergilah ke Dashboard blog anda,lalu pilih Tata Letak/Layout,kemudian pilih tab Edit HTML.

cara membuat related topic.


Jangan lupa beri tanda contreng ya pada tulisan Expand Widget Templates.

cara membuat artikel berhubungan.


Selanjutnya cari kode berikut:

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

artikel berhubungan / related post.

Jika sudah ketemu,letakkan kode script berikut tepat dibawah kode tadi [lihat gambar ilustrasi diatas - klik untuk melihat lebih jelas]


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->
<div class='widget-content'>
<h3>Artikel Yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | Delivery by <u><a href='http://pelajaran-blog.blogspot.com/2010/01/cara-membuat-artikel-yang-berhubungan.html' title='Pelajaran Blog - membuat Related Post'>Ingin Membuat Related Post Seperti Ini?</a></u> | Support by <u><a href='http://cepat-terindex-google.blogspot.com/' title='Belajar Seo Blogspot'>Belajar Seo Blogspot</a></u>
</div>
<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>

Setelah itu Simpan Templates Dan Selesai.

Ket:
Untuk tulisan kode yang bercetak tebal "Artikel Yang Berhubungan" gantilah sesuai keinginan seperti;Artikel yang Berkaitan,Artikel Terkait,Posting Terkait,Related Post,dll


Baca Juga Yang Ini..

Tidak ada komentar:

Poskan Komentar