Cara membuat pos terkait versi seluler

Secara teknis cara pembuatan daftar artikel terkait pada template blogspot untuk tampilan seluler ini serupa dengan pembuatan daftar artikel terkait pada template untuk tampilan komputer, yaitu dengan menambahkan script tertentu ke dalam template yang digunakan. Namun yang perlu diperhatikan di sini adalah di bagian mana script tersebut harus diletakkan. Untuk lebih jelasnya,ikuti langkah-langkah sebagai berikut:

Pertama, Login ke akun blogger anda dan selanjutnya pada menu ‘Template’ ubah sesuaikan konfigurasi pada template seluler yang digunakan. Dalam hal ini aktifkan pilihan yang digunakan untuk menampilkan versi seluler pada blog yang dimaksud, kemudian pilih template seluler ‘Khusus’ dan selanjutnya klik tombol ‘Simpan’, seperti yang tampak pada gambar di bawah ini.

Kedua, klik tombol ‘Edit HTML’ untuk menambahkan script pada template yang digunakan, dan kemudian klik tombol ‘Lanjutkan’.

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

Keempat, lakukan pencarian untuk kode

<div class='post-footer-line post-footer-line-2'>

yang di bawahnya ada kode

<b:if cond='data:top.showMobileShare'>

Kelima, tepat di bawah kode

<div class='post-footer-line post-footer-line-2'>

dan di atas kode

<b:if cond='data:top.showMobileShare'>

masukkan kode di bawah ini.
<b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <div id='mobile-related-posts'><br /> <div style='text-align: justify;'><br /> <h4><b>Artikel Terkait: </b></h4><br /> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><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=10&quot;' type='text/javascript'/></b:if></b:loop><br /> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script><br /> </div><br /> </div><br /> </b:if>

terakhir simpan
cukup mudah dan simpelkan .oky sampai disini penjelasan tentang pembuatan daftar artikel terkait pada template untuk tampilan seluler

Tweet