Sabtu, 13 April 2013

Cara Membuat Artikel Terkait atau Related Post Pada Blog

Apa kabar sobat blogger, salam sejahtera kali ini saya akan share tutorial blog yaitu Cara Membuat Artikel Terkait atau Related Posh Pada Blog. Related Posh atau sering di sebut juga artikel terkait adalah salah satu cara untuk mempermudah pengunjung untuk melihat artikel lain yang berhubungan dengan artikel yang sedang di baca, sehingga akan meningkatkan pageview blog. Cara untuk membuat artikel terkait cukup mudah sob,  hal pertama yang harus anda lakukan adalah setiap postingan harus anda beri label terlebih dahulu, karena yang akan saya share adalah artikel terkait menurut label.  Ok sob langsung saja ikuti langkah - langkahnya di bawah ini :


Cara Membuat Related Post atau Related Posh Pada Blog :

1. Login ke Blogspot

2. Masuk ke Template > Edit Html

3. Centang kotak: Expand Widget Template 

4. Tekan Ctrl f  atau f3  untuk mempermudah pencarian.

5. Cari kode <data:post.body/> Jika terdapat 2 kode <data:post.body/> pilih yang kedua, jika anda membuat readmore, pastekan kode berikut tepat di bawah kode readmore

6. Copy kode di bawah ini dan paste tepat di bawah kode 
<data:post.body/>
<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 = 9999; 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>

7. Langkah terakhir adalah save

Semoga artikel kali ini bermanfaat, Contoh hasil yang sudah jadi, seperti yang ada di bawah! 

8 komentar:

  1. Nice share gan.. kalo ad wktv knjungi wap ane ya

    BalasHapus
  2. slamat pagi...
    tutor yg sangat menarik

    BalasHapus
  3. mantap gan... langsung ane terapin di blog ane.... thanks .... di tunggu kunbakx

    BalasHapus
  4. wahhh keren bgt dach tuchh
    sukses ajh dach gan

    BalasHapus