Sabtu, 26 Maret 2011

Membuat Related Post



Ngomong-ngomong apa ya yang dimaksud related post? Sesuai dengan namanya, kegunaannya adalah menampilkan postingan terkait. Lalu apa kegunaan dari related post ini? kegunaannya adalah para pengunjung jadi tahu postingan sejenis yang ada di blog kita, jadinya para pengunjung tidak perlu susah-susah mencari postingan terkait dengan postingan yang baru mereka baca, ngomong-ngomong juga... agar para pengunjung betah di blog kita. Selain itu ada manfaat lain yang tak kalah pentingnya dari manfat-manfaat di atas, yaitu untuk menampilkan postingan yang sudah lama, mengingat related post menampilkan semua postingan yang sejenis dan ini tentunya akan membantu postingan kita yang lama untuk tidak kadaluarsa^.

Untuk membuat related post ini tidaklah sulit, karena kita hanya membutuhkan beberapa kode untuk ditambahkan ke Kode templet kita. Ya', agar tidak kelamaan kita dapat menyimak langkahnya-langkahnya sebagai berikut:


1. Login/ masuk ke akun blogger anda.

2. Ketika anda berada di Dasbor klik Tata Letak.

3. Lalu klik Edit HTML.

4. Jangan lupa untuk mencentang kotak Expand Widgets Template.

5. Selanjutnya carilah kode <data:post.body/> (Gunakan Ctrl+F, agar lebih mudah).

6. Dan letaklah kode berikut ini tepat di bawah kode <data:post.body/> tadi:


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</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>
7. Setelah anda menyelesaikan langkah-langkah di atas, jangan lupa klik tombol Simpan Template.

8. Selesai...


Bagaimana, mudahkan? Sekarang anda bisa mencoba untuk melihat hasil kerjaan anda.
Apabila tidak muncul, anda bisa mengakalinya dengan membuat label di edit posting (Baca: Postingan cara membuat label), akan tetapi tidak perlu menambah Gadget Label ya!


Nb: tulisan Related Post, dapat anda ganti dengan kata-kata lain seperti Baca juga artikel berikut ini..., mungkin anda mau membaca artikel-artikel berikut..., sudah bacakah anda artikel-artikel di bawah ini?, dll. Bagaimanakah caranya? Caranya tinggal anda ganti tulisan Related Post yang telah ditandai dengan warna Hijau.






Semoga bermanfaat []

Tidak ada komentar:

Posting Komentar