Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Related Post di Blogger

Cara Membuat Related Post di BloggerCara Membuat Related Post di Blogger - Selamat malam sobat raseco. Ingin membuat related post di blogger sobat? nah jika jawabannya adalah "Ya", maka sudah tepat sobat membaca posting berikut. Apa sih related post? related post adalah posting yang berkaitan dengan posting sobat yang telah ditampilkan. Mungkin kalau panjang lebar agak susah nangkapnya ya sob? begini aja deh, sobat lihat aja di bagian blog ane ini di bawah kotak admin ada tulisan related to **** nah itu dia yang dimaksudkan dengan related post. Mau tahu bagaimana cara membuat related post di blogger? begini caranya:

1. Login ke akun blogger sobat
2. Masuk ke menu Design-->Edit HTML, jangan lupa centrang Expand Widget Templates
3. Cari kode <p><data:post.body/></p> (tekan Control+F untuk mencari)
4. Copy-paste kode berikut tepat di bawah kode
<p><data:post.body/></p>


<div style='-moz-border-radius: 5px 5px 5px 5px;border: 1px solid rgb(238, 238, 238);padding: 3px; overflow: auto; width: 470px; height: 300px;background-color: #F5F5F5'>

<h2 class='related-to'>Related to <data:post.title/> : </h2><br/>
<div class='similiar'>
<div class='widget-content'>
<div id='data2007'/>

<script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; 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> </div>
5. Simpan template sobat untuk melihat hasilnya


22 komentar untuk "Cara Membuat Related Post di Blogger"

  1. sorry numpang singgah disini ya gan.. :)

    BalasHapus
  2. makasih sobat sudah mampir di blog reyot ane..salam persahablogan

    BalasHapus
  3. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  4. gan, ini related post nya otomatis atau berdasarkan label ?
    bales, and visit sini gan : http://azula-share.blogspot.com

    thx gan, moga sukses.

    BalasHapus
  5. thenks infonya....langsung di praktek... jadi deh okey infonya mantaf....

    BalasHapus
  6. sipp...infonya. sya baru di blog, jadi harus banyak nyari info. ok makasih lam kenal

    BalasHapus
  7. untuk step num 3 kodenya kok ga da bos?

    BalasHapus
  8. Bererapa cara saya coba.akhirnya berhasil juga...

    BalasHapus
  9. pnya ku kok ga muncul mas,,cuma tulisan related post aja yg muncul

    BalasHapus
  10. silahkan dicoba kembali, semoga berhasil. Copy paste script diatas

    BalasHapus
  11. Thenk Kyu monggo mampir di blog saya

    BalasHapus
  12. terima kasih atas infonya gan...

    BalasHapus
  13. makasih banyak sob, atas tutorialnya ;)

    BalasHapus