FreeWind Random Posts Untuk Blog AMP HTML Versi Dark

Ditulis oleh: Adhy Suryadi

Ditulis pada: 1/07/2017

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).