Cara Membuat Artikel Terkait Yang Ringan ~ Madjongke

Membuat artikel terkait untuk blogspot. Membuatnya untuk memudahkan pembaca menemukan artikel terkait yang mungkin dibutuhkan atau menarik bagi mereka. Dengan begitu, total penayangan pada blog juga akan semakin meningkat. Dan itu sedikit berpengaruh pada posisi di SE.

Artikel terkait sebelumnya sudah madjongke berikan. Artikel terkait beserta gambar. Hampir mirip dengan linkwithin, Jika penasaran bisa dilihat pada bagian bawah blog ini. Dan caranya bisa dilihat pada halaman lain dengan judul Cara Membuat Artikel Terkait Dengan Gambar.

Jika tetap berminat dengan artikel terkait yang lebih ringan dan sederhana, berikut cara membuat artikel terkait ringan dan sederhana.

Pertama masuk ke blogger, login dan masuk ke menu template > Edit html. Tentu untuk ini sudah tahu. Setelah itu, copy kode dibawah ini.

<style type='text/css'>
#related-posts{float:left;width:100%;}
#related-posts h4{font:20px Oswald;color:#cc0000;text-transform:none;margin:0 0 10px;padding:0;border-bottom:2px solid #ccc}
#related-posts h4 a{font:15px Oswald;text-transform: uppercase;}
#related-posts a{font-size:13px;color:#001b2f;font:95% Georgia,Times,Times New Roman,serif;}
#related-posts li{list-style:square;color:#cc0000;text-indent:0;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:6px 0 6px 0}
#related-posts a:hover{color:#cc0000;text-decoration:none}
#related-posts ul{list-style:none;margin:0;padding-left:20px}
</style>

<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 < 6) {
document.write('<li><a href="' + relatedUrls[r] + '?madjongke.com=br">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

Setelah itu paste tepat diatas kode </head>. Jika sudah selesai, kita menuju kode yang berikutnya. Cari kode <data:post.body/> lalu letakan kode dibawah ini tepat dibawahnya.

<div id='related-posts'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4><i><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></i></h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Jika ada beberapa kode <data:post.body/>, teman-teman bisa mencari yang diatasnya ada kode <b:if cond='data:blog.pageType == "item"'>. Jika sudah, silahkan disimpan.