Cara Menciptakan Artikel Terkait Yang Ringan

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

Artikel terkait sebelumnya sudah madjongke berikan. Artikel terkait beserta gambar. Hampir seolah-olah dengan linkwithin, Jika ingin tau dapat dilihat pada bab bawah blog ini. Dan caranya dapat 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 menciptakan artikel terkait ringan dan sederhana.

Pertama masuk ke blogger, login dan masuk ke hidangan template > Edit html. Tentu untuk ini sudah tahu. Setelah itu, copy arahan 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 sempurna diatas arahan </head>. Jika sudah selesai, kita menuju arahan yang berikutnya. Cari arahan <data:post.body/> kemudian letakan arahan dibawah ini sempurna 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 == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 != &quot;true&quot;'>, </b:if></b:loop></b:if></i></h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Jika ada beberapa arahan <data:post.body/>, teman-teman dapat mencari yang diatasnya ada arahan <b:if cond='data:blog.pageType == &quot;item&quot;'>. Jika sudah, silahkan disimpan.