Wednesday, November 14, 2018

Membuat "Related Article" pada blogger

Pengunjung blog dari search engine biasanya agak kurang ngerti kalo harus nyari2 arsip blog kita. Tahunya ketemu artikel yang dicari, trus pergi ninggalin blog. Padahal artikel dengan topik/label yang sama masih banyak terdapat didalam blog tersebut. Nah salah satu caranya agar pengunjung tersebut nggak buru2 ninggalin blog kita bisa buat "realated article" pada bagian bawah postingan. Sama halnya dengan membuat cumulus, maka terlebih dahulu label harus tertata dengan baik.

Seperti biasa masuk ke dashboard, Layout, Edit HTML (jangan lupa backup template dengan Download Full Template), cari tag dibawah ini (Ctrl F):

<data:post.body/>

Setelah itu copaskan tag ini tepat dibawahnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Artikel</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>

Save template dan selesai, nanti dibawah setiap postingan akan muncul "related article", kalau nggak suka tinggal dioprek dikit ganti kata tersebut dengan selera kamu (pada blog ini akau ganti dengan: Artikel lain yang berhubungan dengan:

Semoga bermanfaat.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Membuat "Related Article" pada blogger

  • Membuat Daftar Isi BlogBanyak pemilik blog ingin agar blognya user friendly dan bisa memperlihatkan semua posting yang telah mereka buat. Namun sayangnya Blogger hanya menyediakan widget berup ...
  • Integrated Google SE for blog containMesin Google buat nyari isi blog sekarang sudah terintegrasi dengan blogger. Tetapi tidak dalam blogger yang sekarang. Harus sign in dulu ke blogger in draft.Seperti bia ...
  • Membuat comment box blogger embedComment box blogger yang orgi kok kayaknya terkesan kurang bonafit ya. Nggak kayak punya WP, sudah ada pada bagian bawah postingan (embed). Tapi nanti dulu, blogger bisa ...
  • Memasang Google Adsense Dalam Blog PostSetelah lama menunggu dan banyak blogger Indonesia yang kucing-kucingan dengan Google Adsense, bahkan ada yang menempuh berbagai trik agar adsense bisa muncul di blog ba ...
  • Widget Memperbesar Font di BlogTidak semua pengunjung blog memiliki visus yang normal dan tidak semua yang bervisus gak normal memakai kaca mata. Sehingga ada baiknya memasang widget ini di blog untuk ...

0 comments:

Post a Comment