Membuat Link Artikel Terkait di Blogger versi Mobile

Blogger versi hanya menampilkan recent post saja, lalu bagaimana bila ingin membuat artikel terkait (Link Terkait) pada tampilan blogger versi mobile / seluler, agar bila dibula menggunakan HP, android dan lainnya bisa lebih banyak tulisan yang tampil pada halaman utama (Home).

1. Masuk ke edit Template
2. Masukkan kode dibawah ini tepat diatas tag </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>

3. Cari kode berikut ini <b:includable id='mobile-post' var='post'>

4. Kalau kode diatas ditemukan, maka cari dibawahnya kode seperti berikut: <data:post.body/></div style='clear:both;'/>

 5. Lalu masukkan kode berikut ini dibawah kode <data:post.body/> .

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related_posts' style='margin-top:35px;'>

<h4 style='color:#666666; text-shadow:none; border-radius:5px; border:1px solid #ccc; background:#eeeeee;'>Related Topics...</h4>

<b:loop values='data:post.labels' var='label'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/>

</b:loop>

<ul id='relpost_img_sum'>

<script type='text/javascript'>relatpost();</script>

</ul>

</div>

</b:if>

 6. Kemudian Save