Cara Pasang Artikel Terkait Pada Blog

Cara Pasang Artikel Terkait Pada Blog | Untuk Contoh Cara Pasang Artikel Terkait Pada Blog, silahkan lihat contohnya di blog saya ini pada bagian bawah postingan ini.
Penyuguhan artikel terkait untuk pengunjung blog Sobat bisa dijadikan cara agar pengunjung blog Sobat betah berlama-lama membaca artikel di blog Sobat . Latar belakangnya sendiri ya karena adanya artikel yang berkaitan dengan tema artikel yang dicari pengunjung.
Langsung aja ini tahapannya:
1. Masuk ke Edit HTML dan centang Expand Widget Templates
2. Seperti biasa untuk menghindari hal yang tidak diinginkan sebaiknya Sobat backup dulu template jagoan
3. Lanjut cari kode <data:post.body/> untuk mempermudah pencarian gunakan fasilitas CTRL+F
4. Lihat adakah kode <div style='clear: both;'/> disekitarnya. Jika ada, diatas kode tersebut masukkan kode:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>


<div class='widget-content'>
<br/>
<h3>Related Articles</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> 
Kode yang berwarna merah dapat jagoan modifikasi sesuai selera jagoan. Save Template dan semoga berhasil. mau seperti punya saya ini? silahkan di edit sendiri back round dan warna huruf

Searh Income :
Cara mudah Pasang Artikel Terkait Pada Blog | Cara Pasang Related Post Pada Blog | Cara memasang Artikel Terkait Pada Blog | Cara Pasang baca juga yang lainya Pada Blog | Cara Pasang Artikel Terkait/Related Post Pada Blog |

G+

0 comments:

Post a Comment