Add the Recent Post Widget for AMP with Next Prev

Recent Post Widget For AMP With Next Prev - Actually the recent post widget is one widget that is not required to be on the blog. Because to see the latest posts, visitors can go to the homepage.

But some bloggers still install the recent post widget with the aim to make it easy for visitors to find the latest posts on the blog.

Because the homepage displays the latest posts, the recent post widget like this should not be displayed on the homepage, but only displayed on the posting page. Recent Post Widget for AMP with Next Prev in question is as shown below:

To save the recent post's widget in the sidebar of the AMP blog, please copy the following code and save it between the widgets in the sidebar via EDIT HTML.

<b:widget id='HTML97' locked='false' title='' type='HTML' version='1'>
            <b:widget-settings>
              <b:widget-setting name='content'><![CDATA[<!--recentpost-->]]></b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<amp-iframe expr:src='&quot;https://cdn.staticaly.com/gh/KompiAjaib/kompi-html/master/recentpost-amp.html?fontSize=16px&amp;color=333&amp;url=&quot; + data:blog.homepageUrl' frameborder='0' height='488' layout='fixed-height' noloading='' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' title='Recent Posts'>
    <amp-img height='488' layout='fixed-height' noloading='' placeholder='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF1Sy_vivKZSGjMCLFo_OnMr-gG91v-i1joHpT6oSbcdo62JeC8LXmlkv3uITtpQhJIUun1FaNWOqUBTIAWVcjbDW-kf_2jEejbHEvPLjWxf7KWhZrUcCxTPnw3HznIUUjqqfZ_nrM7yM/s1600/back-iframe.png' width='auto'>
    </amp-img>
  </amp-iframe>
  </b:if>
  </div>
</b:includable>
</b:widget>

The 16px code I marked to set the font size of the post title, the 333 code that was marked was to set the color of the post title (hex color code without #).

May be useful.