Widget Recent Post Untuk AMP Dengan Next Prev

Widget Recent Post Untuk AMP Dengan Next Prev yang dimaksud adalah seperti pada demo berikut:

Untuk menyimpan widget recent post ini di sidebar blog AMP, silahkan copy kode berikut ini dan simpan di antara widget di sidebar melalui 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/AVvXsEiUN0eeBedPbYyBA9bamW1e1s-vWS_i32JbFCpI4Hc7qWTvJoDyBaU_iuXfu1xZwS1E6Df30OtvWyMeQwuOSL84DK6NWDVIxfb5MwA_HOJ3bIB79TTsyC5M9BfDamWQ7b5m7QQ7LD-1WFo/s1600/back-iframe.png' width='auto'>

    </amp-img>

  </amp-iframe>

  </b:if>

  </div>

</b:includable>

          </b:widget>

Kode 16px yang saya tandai untuk mengatur ukuran font title post, kode 333 yang ditandai itu untuk mengatur warna title post (kode hex warna tanpa #).

Semoga bermanfaat.