-->
2 Style Random Post Valid AMP HTML

March 06, 2017

Ini adalah cara untuk menampilkan Random post di Template AMP tetapi sebelum sobat pasang perlu sobat ketehui script ini tidak suport untuk domain TLD seperti com,net,org dan yang lain nya script ini hanya suport untuk blogger.com yang sudah menggunakan https:// . Mengapa seperti itu memang karna script random post AMP untuk blogger belum sepenuh nya bisa di gunakan blog yang berbasis amp , lalu jika sobat pengguna blogger yang belum menggunakan custom domain kamu bisa menggunakan cara ini pasti berhasil.

Nah .. di bawah ini saya akan share 2 Style Random post valid AMP yang akan mengacak di bawah postingan . hehee
Langsung saja style pertama ala kang Ismet
2 Style Random Post Valid AMP HTML 

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/kangismet/ki-html/master/random-posts2.html?url=&quot; + data:blog.homepageUrl' frameborder='0' height='320' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
<div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div>
</amp-iframe>
Simpan kode tadi di mana saja, di area bawah postingan.
Kalau menggunakan Kompi Design Template lebih mudah di atas </b:if> sebelum </article> penempatannya seperti gambar di bawah. (Apabila menggunakan template berbeda, sesuaikan saja) 2 Style Random Post Valid AMP HTML Yang kedua style Kompi Design 2 Style Random Post Valid AMP HTML 
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/KompiAjaib/amp/master/random-posts.html?url=&quot; + data:blog.homepageUrl' frameborder='0' height='320' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
<div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div>
</amp-iframe>

Penempatannya sama .. tinggal sesuaikan ..

Sumber : Kang Ismet
Amp, Blogger

You Might Also Like:

Next Post
Previous Post
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre>or<pre><code></code></pre>.
    And use parse tool below to easy get the style.
Disqus Comments