Cara Membuat related post pada Postingan Blog

Cara Membuat related post pada Postingan Blog

Cara Membuat related post pada Postingan Blog, Tips Blogging.
Nah, kali ini Cyber_Newby Akan share kembali about Tips Blogging. Apa yang saya share, yaitu Cara Membuat related post pada Postingan Blog.

Sebetulnya ini hanya akan membantu visitor menavigasi blog anda dengan Mudah. Ini bukanlah optimasi SEO ataupun Penambahan Widget.

Check this Out Pic berikut:


Cara nya Pun cukup mudah. yang anda harus lakukan adalah backup dulu template anda untuk menghindari kejadian yang tidak di inginkan.

Pertama tama, Login blog anda, lalu pilih Rancangan.
Pilih Tab EDIT HTML, jangan lupa centang Expand template widget

Masukkan Kode berikut ke dalam Edit HTML anda Tepat di bawah Kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</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>
 Jika blog anda sudah ada Auto Readmore bawaan dari template Blog, maka kode <data:post.body/> terdapat 2 kode. Pilih yang ke 2.

Setelah Di dapat kode nya, pastekan tepat di bawah kode <data:post.body/> Tersebut. Save template dan lihat ke salah satu postingan blog kamu.

Gambar akan menjadi seperti Ini:

You Have done !

Jika ada pertanyaan lebih lanjut, Error Dsb. Tulis di kotak komentar !

Terima kasih Telah membaca Tips Blogging  About Cara Membuat related post pada Postingan Blog. Semoga Tips Ini membantu anda mempercantik Blog dan membudahkan visitor menavigasi Blog anda...
  • Title : Cara Membuat related post pada Postingan Blog
  • Labels :
  • Author :
  • Rating: 100% based on 10 ratings. 5 user reviews.
  • 1 Comment :