Friday, January 18, 2013
Mungkin
sobat pernah mendengar tentang istilah related article atau related
post dalam dunia blogging. Related article adalah artikel yang saling
berhubungan yaitu berupa link yang menghubungkan sejumlah artikel yang
sama seusai dengan label artikel yang sobat baca. Sobat dapat
menggunakan related post untuk mengisi kekosongan atau ruangan pada
posting sehingga terlihat menarik. Related artikel ini juga berfungsi
untuk menjaga trafik penggujung pada blog sobat. Tertarik untuk
membuatnya, untuk itu ikuti langkah berikut:1. Login pada blogger.
2. Pilih Rancangan dan pilih Edit HTML
3. Beri tanda centang pada Expand Widget Template
4. Kopi scipt berikut ini lalu paste diatas kode </head>
<!-- Related Post ariefhunterz.blogspot -->
<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>
5. Selanjutnya letakkan kode dibawah ini setelah kode <data:post.body/>
b:if cond='data:post.labels'>6. Yang terakhir yaitu simpan template sobat dan lihat hasilnya.
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
<script src='http://ariefhunterz-blogspot.googlecode.com/files/linkblog.js' type='text/javascript'/>
</b:if>
Sebagai tambahan jika sobat ingin mengganti judul related post sobat tinggal mengedit kode yang berwarna merah, sedangkan untuk mengatur jumlah posting gantilah kode yang berwarna biru. Selamat mencoba!!!
