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


Berlangganan update artikel terbaru via email:

23 Responses to "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. makasih atas artikelnya sob...

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

    thx gan, moga sukses.

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

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

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

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

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

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

    BalasHapus
  12. Thenk Kyu monggo mampir di blog saya

    BalasHapus
  13. terima kasih atas infonya gan...

    BalasHapus
  14. mampir dong pada mas bro di blog saya ' bnyak kok tips-tips blog yng perlu anda letehui check TKP >>>>>
    http://putrapatiwara.blogspot.com/

    BalasHapus
  15. makasih banyak sob, atas tutorialnya ;)

    BalasHapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel