Sunday, May 07, 2017

Cara Membuat Related Post Blogger versi Mobile

Tags

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)


This Is The Newest Post


EmoticonEmoticon