Cara Membuat Related Post Blogger versi Mobile

Cara Membuat Related Post Blogger Blogspot versi Mobile dengan kode buatan sendiri atau memakai kode Match Content dari Google Adsense.

Panduan dasar

- Ganti width pada css dari 350 menjadi 300px

- Kalau anda belum menyetel template mobile menjadi enable, klik Tema, di bawah Mobile, klik Ya. Lihat template mobile dan pilih "Kustom".

- Klik Tema -> edit HTML

Cari kode berikut

1. Klik di dalam HTML dan gunakan CTRL + f <b:if cond='data:top.showMobileShare'>

2. Cari kode </div> yang paling akhir.

3. Copy kode related post di bawah ini:

<br>
<div style='float:left;'>
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
</div></br>

4. Taruh kode related post (no 3) di atas persis di bawahnya kode no. 2 (lihat gambar)

Tips