Skip to main content

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


Berbagi itu peduli:

Comment Policy:

Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Untuk komentar out of topics silahkan masuk ke Forum Kompi Ajaib
Buka Komentar
Buka Komentar
Jangan Diklik!

Menarik Untuk Dibaca Juga:


PrivacySitemap
©2021 KOMPI AJAIB