Rabu, 08 Juli 2009

Membuat related post


clip_image001
Membuat related post. Biasanya di bagian bawah sebuah postingan terdapat tampilan Artikel terkait (Related Post), hal ini berguna untuk memudahkan pengunjung melihat artikel lain yang berhubungan dengan artikel (postingan yang aktif). Dengan adanya related post bisa meningkatkan pagehit pada blog anda. 
Ada kelemahan dari link yang terdapat pada relted post, yaitu klik yang ada merupakan klik dinamis, sehingga crawl (script google) tidak menghitung klik yang terjadi pada link tersebut. Berbeda dengan link statis, setiap klik pada link statis diperhitungkan oleh google dalam menentukan pagerank sebuah halaman web. 
Tampilan related post bisa anda lihat di bawah ini, kode ini saya copy dari blognyaO-OM 
(Di blog O-OM sangat banyak materi tentang blog dan SEO yang dapat anda pelajari). 
clip_image002 
Prosedur membuat related post: 
1.Login ke Dasboard 
2.Kemudian pilih Layout -> Edit HTML 
3.Setelah itu centang kotak Expand Widget Template 
clip_image003 
4.Kemudian cari kode ini <data:post.body/> 
Letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> 
<div class='similiar'> 
<div class='widget-content'> 
<h3>Related Posts by Categories</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>
Kata : Related Posts by Categories bisa anda ubah menjadi kata atau teks sesuai selera anda, misalnya : Artikel Terkait 
5. Jangan lupa simpan template.

0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates