FreeWind Random Posts Untuk Blog AMP HTML Versi Dark

Setelah kemarin membuat random posts dari FreeWind untuk blog AMP HTML dengan background terang untuk blog dengan tema terang, kini saya buatkan random posts untuk blog AMP HTML dengan background gelap untuk blog dengan tema gelap.

Dengan begitu widget random post ini dapat menyatu dengan tema blog sehingga tidak merusak tampilan blog. Sebenarnya widget ini tidak hanya bisa dipakai untuk blog dengan tema gelap saja, namun juga bisa digunakan pada blog dengan tema terang, tinggal menyesuaikan option-option-nya.

1. Widget 1 (Title Only)



Widget ini cocok di simpan di sidebar.


<amp-iframe src='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/randomposts_dark.html?url=www.kompiajaib.com&amp;color=ffffff&amp;back=333333&amp;item=title_only&amp;style=text' frameborder='0' height='420' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>

2. Widget 2 (Thumbnail and Title Only)



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/randomposts_dark.html?url=www.kompiajaib.com&amp;color=ffffff&amp;back=333333&amp;item=title_only&amp;style=thumbnail' frameborder='0' height='420' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>

3. Widget 3 (Thumbnail, Title, and Snippet)



Widget ini cocok di simpan di bawah postingan.


<amp-iframe src='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/randomposts_dark.html?url=www.kompiajaib.com&amp;color=ffffff&amp;back=333333&amp;item=both&amp;style=thumbnail' frameborder='0' height='420' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>

Option:

  • Silahkan ganti www.kompiajaib.com pada option url dengan domain blog Anda.
  • Pada option color kode ffffff untuk mengatur warna title dan snippet. Silahkan ganti dengan kode hex (tanpa hash #).
  • Pada option back kode 333333 untuk mengatur warna background, silahkan sesuaikan dengan background blog Anda. Silahkan ganti dengan kode hex (tanpa hash #).
  • Pada option item bisa menggunakan title_only untuk hanya menampilkan title post saja atau menggunakan both untuk menampilkan title dan snippet.
  • Pada option style bisa menggunakan text (tanpa thumbnail) atau menggunakan thumbnail (dengan thumbnail).


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: