Membuat Artikel Terkait di Blog

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Junior Iqfar Blog - Membuat Widget Artikel Terkait di Blog. Alhamdulillah selesai sholat shubuh saya meyempatkan untuk menulis artikel di blog ini. Mungkin artikel ini sudah lama sobat temui, tapi bagi sobat yang belum tahu Cara Membuat Widget Artikel Terkait di Blog, silahkan sobat ikuti langkah-langkah yang saya berikan berikut ini.

Langkahnya

1. Login dulu ke akun blog sobat
2. Jika sudah masuk ke akun blog, lalu klik template

3. Selanjutnya klik Edit HTML

4. Lalu akan muncul kode-kode HTML blog sobat.
   Kemudian klik pada kode HTML lalu tekan CTRL + F pada keyboard.
   
   Kemudian cari kode ini

<div style='clear: both;'/> <!-- clear for photos floats -->

note
Jika terdapat 2 kode, maka letakkan pada kode yang kedua. Mungkin sobat sudah menggunakan Readmore pada template sobat.
5. Copy kode di bawah ini

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

<div class='widget-content'>
<br/>
<h3>Related Articles</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

6. Setelah di copy, paste di atas kode ini

<div style='clear: both;'/> <!-- clear for photos floats -->

7. Setelah itu simpan template

Untuk membuktikan apakah artikel terkait anda sudah jadi apa belum, coba cek dengan cara melihat satu artikel anda. Jika ada permasalahan pada saat Membuat Widget Artikel Terkait di Blog, sobat bisa meninggalkan komentar di bawah ini.

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait