Cara Membuat Related Post Dibawah Posting Blogspot

Posted by admin
60 Comments
This item was filled under [ Tutorial Blogspot ]

membuat related post, related post untuk blogspot, related post dibawah postingMembuat related post, baik yang ditaruh dibawah posting maupun yang berupa related post widget yang diletakkan pada sidebar ini bukan hanya merupakan pemanis belaka, tapi juga merupakan hal yang sangat bermanfaat. selain dapat meningkatkan page views, related post ini sangat membantu apabila ada beberapa posting lama kita yang belum terindeks oleh mesin pencari. Related Post adalah daftar link posting yang berhubungan. dihubungkan oleh kategori atau label yang sama.Pada tutorial blogspot kali ini, saya akan memberikan tutorial tentang bagaimana cara membuat related post dibawah posting pada blog berplatform blogspot.

Berikut ini adalah langkah2 untuk membuat link artikel yang berhubungan atau membuat related post dibawah posting :

1. Login ke account blogger anda,

2. Pada dashboard, pilih edit layout–> edit HTML

3. Centang Expand widget template

4. Cari kode seperti dibawah ini, lebih mudah bila anda menggunakan ctrl+F

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

5. Lalu sisipkan kode2 berikut persis dibawah kode tadi

<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>

6. Simpan perubahan

Sampe sini anda sudah bisa membuat related post dibawah posting blogspot anda

Related Posts

Incoming search terms for the article:

Popularity: 2,529 views
Tagged with: [ ]
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

60 Comments on “Cara Membuat Related Post Dibawah Posting Blogspot”

  • b-learnings

    Gak jalan mas ada yang error . . . ada yang lebih simple gak yach?

    b-learnings´s last blog post..What Do People Think When They See You?

    Balas

  • supris

    wah…makasih infonya pak guyu….

    supris´s last blog post..Chitika:PPC alternatif selain Google Adsense

    Balas

  • Alasra

    Cobaah.. Thanx bt ilmunya pak!

    Balas

  • Anda Rukanda

    Wah kalo udah gini enaknya ngapain lagi yah..?

    Anda Rukanda´s last blog post..Hari Kasih Sayang 007

    Balas

  • nindrianto

    kemaren susah banget bos, gak muncul…tp akhirnya bisa juga…dengan sedikit modifikasi…tepatnya ngintip punya blogger sebelah juga…thanks bos…

    nindrianto´s last blog post..Links for 2009-03-10 [Digg]

    Balas

  • Rusa Bawean™

    tengkyuu yaaaaaaaaaaaaaa

    Balas

  • bali1001

    Nice Tips. Thanks alot bro. Keep up the good work. God Bless You! ^_^

    Best Regards

    bali1001´s last blog post..The HISTORY

    Balas

  • Rusa Bawean™

    koq
    gak bisa ya???
    error
    dan gak bisa diparse

    Rusa Bawean™´s last blog post..Internet Gratis di Indigo Surabaya

    Balas

    admin Reply:
    March 27th, 2009 at 5:18 pm

    pesan errornya apa mas? bisa di share disini?

    Balas

  • kamroni

    saya cari code kok ga ada ya mas…saya pake templete berikut ini..tolong dibantu mas, ato masti saya pake templete lain?

    Blogger Template Style
    Name: Snapshot: Tequila
    Designer: Dave Shea
    URL: mezzoblue.com / brightcreative.com
    Date: 27 Feb 2004

    Balas

    admin Reply:
    April 5th, 2009 at 1:41 pm

    oh, nyari template baru ajah mas, :D

    Balas

    kamroni Reply:
    April 6th, 2009 at 4:53 am

    pake templete apa ya mas, biar saya bisa langsung meluncur ke TKP. saya udah ubah2 templete, trus nyari code yang dimaksud tetep ga ada..hehe

    kamroni´s last blog post..Virus conficker..waspadalah !!!

    Balas

  • P4ladin

    kenapa waktu ak masukin kode nya di nblog saya jadi tambah eror ya??
    tlg bantuan nya donk..thx…^^

    Balas

    admin Reply:
    April 18th, 2009 at 3:00 pm

    error messagenya apa mas?

    Balas

  • ardhi

    eror comment nya kayak gini mas

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “values”.

    Balas

  • kamroni

    mas, kalo pake WP.com gimana caranya ??

    Balas

  • Reza@jendela-online

    Wooooeekeh kang..dah aku praktekin n sukses 100%..

    Balas

  • poetra

    mantap kali infonya bwat wong cilik kayak aku…..

    poetra´s last blog post..cara login di ciao waktu lagi ciao error

    Balas

  • komputer-id

    dicoba dulu bro

    komputer-id´s last blog post..Repair windows XP

    Balas

  • Znipers

    Error mas, pesannya..
    ——–
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “values”.
    ——–
    ada solusi ?

    Balas

  • nedyasafira

    Trims mas atas infonya, berguna banget tuh,mau coba nih ,maklum nedyasafira masi baru dalam urusan blogging.

    nedyasafira´s last blog post..Free Search Engine Optimisation Toolbar from SEO Junkies

    Balas

  • Belajar Ngeblog

    Makasih bos,,, idenya boleh dicoba mas..
    Tapi takutnya apakah ini mempengaruhi kecepatan loading blog sy?

    Belajar Ngeblog´s last blog post..Mengerjai Facebook Teman

    Balas

  • Yudha

    bagus nih triknya thanks

    Yudha´s last blog post..Soft Drink Can Cause Serious Illness

    Balas

  • Blog Bisnis Online

    Kok error ya mas? ini ini errornya Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: Open quote is expected for attribute “{1}” associated with an element type “values”.

    Balas

  • Tahu tidak

    Thank’s atas inpo nya

    Balas

  • Tahu tidak

    Thank’s atas inpo nya

    Tahu tidak´s last blog post..Apa itu haxor!

    Balas

  • Agus-Bisnis Fantastis

    Kami tidak dapat menyimpan template Anda.
    Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: Open quote is expected for attribute “{1}” associated with an element type “values”.

    Minta bantuannya ini kenapa ya udah saya coba seperti diatas hasilnya…?? sama temen2 diatas tapi belum ada pencerahannya ya??? pls tolong mas….thanks

    Agus-Bisnis Fantastis´s last blog post..Mencoba Search Engine Bing.com

    Balas

  • kontes seo aristia wida rukmi

    makasih inponya Mas…langsung coba ah…

    kontes seo aristia wida rukmi´s last blog post..pemulabelajarseo.blogspot.com

    Balas

  • IT ConsultanT

    Kebenaran pake blogspot nech.
    Saya coba dulu ya maz…?!

    IT ConsultanT´s last blog post..Kue Pernikahan yang Unik

    Balas

  • Forex and Trading Blog

    kok banyak yang error ya? mau coba jadi dag dig dug deh… :mrgreen:

    Forex and Trading Blog´s last blog post..What is a Forex technical indicator?

    Balas

  • hamung

    bagus,buat tambah pengetahuan,maklum pemula..

    Balas

  • denny

    Thanx artikelnya. Bermanfaay banget..
    Eh tapi klop pake link within juga cakep lho… Kayak di blog q ini street1002.blogspot.com
    Salam hangat dari denny.

    denny´s last blog post..Five Romantic Vacation Ideas

    Balas

  • clickoverall

    Wadu pusing juga ya pakai blogger. Enakan pakai wordpress deh.. tinggal pasang plugin

    clickoverall´s last blog post..Cara sukses sebagai affiliate marketer ClickBank

    Balas

  • Jamu dan Herbal

    Ntar aku coba diblogku yg pakai blogspot
    Mudah2an berhasilll

    Jamu dan Herbal´s last blog post..SEMBUNG (Blumea balsamifera [L.] DC.)

    Balas

  • balang bete

    wah, makasi banget nih wad tutorial nya…
    nice..nice..nice…

    Balas

  • moratmarit

    makasih bos tutorialnya..:)

    Balas

  • internet gratis

    makasih artikernya mas.. n siap di praktekan mas..

    Balas

  • Rigih

    bro, itu related artikel dari blog kita sendiri ato dari semua blog?
    klo dari blog kita sendiri bisa ga?

    Balas

  • Agus-Bisnis Fantastis

    Lama nih aku cari ini mau praktekin dulu ye…tks artikelnya

    Balas

  • osi

    Ku dah praktekin…tp ko gak ada muncul ARTIKEL TERKAIT di bawah posting aku…..apa server aku yg gak nyampe koneksinya,atau ada yg salah dgn kode tersebut…..
    Terimakasih….

    Balas

  • Media Download

    Wahhhhh ga bener nih mas…,
    Ga jalan…

    Balas

  • Qori

    Damn!!! berhasil euy…Thanks…

    Balas

  • Uang dan barang gratis

    nah ini yang aku baru cari… eeh ketemunya di sini….
    terima kasih ya mpu !!!..

    Balas

  • Pulsa Elektrik Termurah

    Waah thx banget neh tutorialnya..

    Balas

  • exercise99

    ah bisa di blog aku

    Balas

  • Pagerank

    Related postnya keren

    Balas

  • Wiwin S

    Pak..saya mempraktikkan ilmu ini diblog saya kog blm bisa mucul yah, tak cek yang munucl cuma tag aja, kenapa ini pak.. Apa ada yng perlu di tambahin lagi kodenya..? tarimakasih dan saya tunggu balasannya..

    Balas

  • DaYos

    mau tanya sob..apa kalau diletakkan di script template kita langsung tak akan memberati loading blog kita, atau mana yg lbh baik kita meletakkannya dg mengunakan jasa hosting gratisan atau cara spt ini…
    Mohon pencerahannya sob..Trimakasih Dayos

    Balas

  • DaYos

    kalau related postnya ada penggalan beberapa kalimat spt blog sobat ini,apa bs juga digunakan pd blogspot sob..wah saya udh buat 2 pertanyaan nih buat sobat..mohon dikonfirmasikan ya sob..he he he

    Balas

  • apikorek09

    Mas…dah saya copy n paste di blogsopt saya….tapi..kok gak muncul ya?
    Mohon pencerahannya.

    Balas

  • kinoy

    thanks mas atas tutornya,saya coba dan berhasil dgn sukses

    Balas

  • bisnis

    ayo buruan paypal bagi2 $$ gratiss

    Balas

  • Hari

    Ok dech tutor related post nya, kalau boleh nanya gimana buat related post yang seperti dalam blog / web ini, yaitu yang bisa menampilkan sebagian isi dari masing-masing blog terkait, thnk

    Balas

  • Lowongan Kerja Manager

    kok gak ketemu sih ininya : …
    jadi takut praktekin dweh….hiks…

    Balas

  • Bisnis Pulsa Elektrik

    Saya sudah coba buat related post dengan kode di atas kok tidak bisa ya?

    Balas

  • ache yagami

    mas ,, saya udah coba namun tidak ada hasilnya padahal sudah saya kopas di data.post.body yg di atas sama dibawah,, soalnya yang saya pake read more. jadi ada dua data post.body nya.. tapi tetep tidak ada hasilnya.. kenapa ya?? tolong balas… terima kasih

    Balas

  • mohamadzamri

    salam tuan,
    lari dari topik, ape maksud centang?

    Balas

    admin Reply:
    January 14th, 2010 at 2:16 pm

    @mohamadzamri, centang means contreng, a.k.a thick

    Balas

  • ptc dari hp

    makasih infonya kk…
    langsung praktek…

    Balas

  • mohamadzamri

    thanks hehehehe..

    Balas

Leave a Comment

«
»