Membuat artikel terkait di bawah postingan blog seo

Membuat artikel terkait di bawah postingan blog mudah. Pada dasarnya penggunaan suatu widget atau lainnya pada blog bertujuan untuk kenyamanan pengunjung blog. Pengunjung blog akan merasa betah pada blog yang simple dan tampil elegan.

pengunjung yang nyaman (seperti saya), pastinya cukup lama berada pada suatu blog, baik hanya sekedar membaca artikel kita maupun bisa jadi membaca artikel-artikel menarik yang telah kita posting. tentu ini akan menjadi keuntungan yang besar, apalagi yang telah mendaftar di google adsense, pageviews di blog kita pastinya akan meningkat.

penggunaan artikel terkait atau related post di bawah postingan, memudahkan pengunjung membaca postingan kita yang lainnnya,

related post ini termasuk yang sederhana dan tidak memberatkan blog, cocok digunakan bagi yang suka tampilan yang sederhana namun tetap berkerakter.

berikut cara pasang widget artikel terkait di blog (blogspot)
  • silahkan login di blogger
  • didasbor blog, pilih rancangan dan edit html
  • tetap backup template untuk keamanan
  • coba mencari kode  <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>  (gunakan ctrl f untuk mempermudah pencarian)
  •  jika sudah ketemu, copy kode di bawah ini, dan pastekan tepat dibawah kode di atas

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h2>Artikel Terkait</h2>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 7;
var maxNumberOfLabels = 7;

maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 4;


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>.
  • ubah warna biru (Artikel terkait) sesuai keinginan
  •  warna merah (10) jumlah post yang akan ditampilkan
  • simpan template, 
demikian, cara Membuat artikel terkait di bawah postingan blog seo

semoga bermanfaat :

Previous
Next Post »

silahkan berkomentar :
* Gunakan bahasa yang baik dan benar
* dilarang keras menyinggung Suku Agama, Ras dan Antar golongan
* Tidak untuk spam, link aktif, dan iklan produk
* berkomentar relevan dengan artikel yang di bahas
* komentar di moderasi penuh oleh admin
EmoticonEmoticon