Cara Menciptakan Related Post

Saat kita sudah banyak menulis perihal sebuah artikel dalam blog kita, biasanya kita juga ingin mempromosikan kembali artikel yang sudah usang kita buat tersebut biar menerima kesempatan untuk dibaca oleh pengunjung. Bagaimana caranya melaksanakan hal itu?

 

Mudah, kita cukup memakai kemudahan related post untuk menampilkan artikel usang kita. Selain bersifat mempromosikan, hal ini juga akan menawarkan terusan lebih gampang kepada pembaca yang ingin mengetahui gosip yang bekerjasama dengan gosip yang sedang ia baca dengan gosip lainnya lewat tampilan artikel yang berkaitan yang telah kita sajikan. So, menempatkan fitur artikel yang berkaitan di blog kita ini cukup menawarkan manfaat bukan? Karena itu, yuk mari kita bahas bersama bagaimana cara menciptakan related post atau artikel yang bekerjasama ini.

Pertama, tentu saja kita harus log ini dulu ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Klik atau contreng expand template widget.
Masukan aba-aba HTML di bawah ini sempurna di bawah aba-aba <data:post.body/>.

<b:if cond='data:blog.pageType == "item"'>
<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>

Klik simpan template. Sekarang artikel berkaitan di blog kita sudah jadi!

Keterangan :

• Gunakan tombol Ctrl + F pada keyboard untuk mempermudah pencarian aba-aba HTML yang diinginkan.
• Sebelum melaksanakan edit HTML, harap download template kita sebelumnya sebagai backup untuk berjaga-jaga kalau terjadi kegagalan ketika proses edit terjadi.
• Ganti goresan pena related post dengan kalimat yang kita sukai.
• Ganti angka var maxNumberOfPostsPerLabel = 4; untuk mengubah jumlah artikel berkaitan yang ingin ditampilkan.

Bagaimana? Cukup gampang bukan? Yuk dipraktikan!
Kalau ada yang ingin ditanyakan silakan komen di kotak komentar di bawah ini ya kawan..
Salam blogger!

Share this post