FeedWind Solusi Random Posts Untuk Blog AMP HTML

Sejak mencoba kutak-katik AMP HTML pada blogspot, saya kesulitan untuk membuat related posts atau random posts untuk membantu menambah page view blog.

Kemudian saya mendapat info dari +Mas Trigus untuk mencoba FeedWind. Setelah saya coba kutak-katik, akhirnya FeedWind widget dengan random posts bisa dikustom agar mudah untuk digunakan di blog AMP dengan kustomisasi warna title item untuk menyesuaikan dengan warna link blog.

Widget random posts dari FeedWind ini bisa dijadikan sebagai solusi untuk menampilkan random posts untuk menambah page view blog untuk blog yang menggunakan custom domain, namun widget ini juga bisa digunakan untuk domain blogspot.

Ada 3 jenis yang saya buat, random post dengan hanya title post saja, dengan thumbnail, dan dengan thumbnail dan title posts.

1. Random posts dengan title saja.



Silahkan gunakan kode amp-iframe di bawah ini. Widget ini cocok di simpan di sidebar.


<amp-iframe src='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/randomposts1.html?url=www.kompiajaib.com&amp;color=555555' frameborder='0' height='322' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>

Silahkan ganti www.kompiajaib.com dengan domain blog Anda dan 555555 dengan kode hex warna link blog Anda (tanpa hash #).

2. Random posts dengan thumbnail, title, dan snippet.



Silahkan gunakan kode amp-iframe di bawah ini. Widget ini cocok di simpan di bawah postingan.


<amp-iframe src='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/randomposts2.html?url=www.kompiajaib.com&amp;color=555555' frameborder='0' height='420' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>

Silahkan ganti www.kompiajaib.com dengan domain blog Anda dan 555555 dengan kode hex warna link blog Anda (tanpa hash #).

3. Random posts dengan thumnail dan title.



Silahkan gunakan kode amp-iframe di bawah ini. Widget ini cocok di simpan di sidebar dan di bawah post untuk media query 375px.


<amp-iframe src='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/randomposts3.html?url=www.kompiajaib.com&amp;color=555555' frameborder='0' height='420' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>

Silahkan ganti www.kompiajaib.com dengan domain blog Anda dan 555555 dengan kode hex warna link blog Anda (tanpa hash #).

Reactions:

You Might Also Like:

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.
Show Parser Hide Parser

Hot on this week: