Search In Completereview....

Wednesday, December 15, 2010

Membuat Related Post


Ngomong-ngomong apa ya yang dimaksudrelated post? Sesuai dengan namanya, kegunaannya adalahmenampilkan 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 postmenampilkan 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 templetkita. 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 tombolSimpan 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 tulisanRelated Post yang telah ditandai dengan warnaHijau.

Mudah-mudahan bermanfaat.
Keywords: Cara membuat Related post, how to make related post

Untuk kemajuan Blog Ini Silahkan isi Kotak Komentarnya Ya.. (For blog development, please fill the following blog comment Pal

Share |

Related Post



0 comment:

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58

Post a Comment