Artikel atau Tulisan Terkait Pada Sidebar ~ Inikah Media

Home » Tutorial Blogging » Artikel atau Tulisan Terkait Pada Sidebar

Pada Awal memiliki Blog saya kurang membutuhkan Tampilan Artikel terkait. tapi seiring berjalannya waktu setelah beberapa posting saya buat baru lah terpikirkan untuk membuatnya. hingga saat sedang berpetualang saya nyasar di blognya Mas Doyok hingga akhirnya saya terhasut untuk mencobanya. berikut dampak positif mampir di blognya beliau :

Sebelumnya sedikit menerangkan artikel atau tulisan terkait, adalah hal yang mempermudah pembaca untuk melihat tulisan lainnya yang sekiranya terkait, ada beberapa cara untuk menampilakannya salah satunya adalah sebagai berikut :

1. Masuk ke blogger
2. Pilih Rancangan
3. Edit HTML, ( beri tanda centang expand widget )
4. Cari kode </head> (letakkan kode dibawah ini sebelum kode </head>)

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Selanjutnya Cari KOde kurang lebih seperti di bawah ini:

<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if></span>
</div>
</b:if>

Dan sisipkan dengan kode berwarnan Merah (lihat di bawah ini)

<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

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

</b:if>

</b:loop></b:if></span>
</div>
</b:if>

Simpan template, Jika berhasil langsung aja ke Elemen Laman yang dulunya Tata Letak
Tambahkan Gadget >> pilih HTML/Javascript
Dan Masukan kode di bawah ini :

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Simpan dan Lihat hasilnya.

Catatan: untuk menampilkan Artikel Terkait hanya di laman posting tambahkan kode berikut

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

..............................................

</b:if>

contoh pada blog saya seperti berikut :

<b:widget id='HTML4' locked='false' title='Inikah Terkait' type='HTML'>
<b:includable id='main'>

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

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

Simpan, Selesai, Selamat Mencoba, Semoga Berhasil dan Bermanfaat