Make Related Posts To Show On Blogger for Mobile Viewers

Make Related Posts To convey Upon Blogger with regard to Cellular Visitors

Successfully, listed here are which and if there would be turned for you to blogger private mobile template and also mean make simpler for you personally if you the next created my own accompanying steps widget round the website. Anybody wills just have to perform is certainly very carefully solution a couple of daughter shape on password to the blog's html
.

Beginning

1. If you have not enabled custom mobile template, login to your Blogger dashboard, go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box and save your settings.

2.Now, we need to find the code for the default mobile share buttons so we can place the related posts gadget directly below it.

3.So, back up your template and go to "Template" > "Edit HTML"

4.Click inside the HTML and use CTRL F to find <b:if cond='data:top.showMobileShare'>

5.Carefully find the ending </div> as seen in the screenshot below 

Directly below it, copy and paste the code below:

<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>


Save your template

Did it work for you? Please, let me hear from you via comments