Pasang FreeWind Random Posts Blog AMP HTML Versi Dark

Setelah kemarin Membua artikel Random Post Pada Blog AMP (Grid Style) untuk blog AMP HTML dengan Grid style, kini saya kan membuat artikel Random Posts dari FreeWind untuk blog AMP HTML dengan background gelap untuk blog dengan tema gelap milik Kang Adhy (kompiajaib).

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.

Style Pertama 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=siijombi.blogspot.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>

Style Kedua 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=siijombi.blogspot.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>

Style Ketiga 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=siijombi.blogspot.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 siijombi.blogspot.com pada option url dengan domain blog sobat.
• 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 sobat. 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).

Sumber : Kompiajaib.com