Cara Pasang Random Post Di Blog AMP HTML

Cara Pasang Random Post Di Blog AMP HTML
Random post atau postingan acak merupakan suatu bentuk susunan yang menampilkan postingan secara acak baik berbeda kategori maupun sama. Random post sendiri biasanya terletak sidebar kanan atau kiri blog. Namun untuk kali ini Random Post diletakan dibawah postingan sebagai pengganti Related Post yang menggunakan Javascript.



Kenapa Related Post Diganti sama Random Post? Ya, karena related post dalam pembuatannya menggunakan javascript jadi kalau javascript muncul disebuah Amp Html maka akan menyebabkan Error Validasi dan yang umumnya lagi belum ada master programmer yang memecahkan solusi untuk memasang Related Post dibawah artikel tanpa javascript. Sedangkan, untuk Random Post sendiri ini sebenarnya menggunakan javascript. Akan tetapi, si kodenya kita hosting dulu disebuah server Github dengan menggunakan Cdn atau Content Delivery Network.

Mungkin Bermanfaat :

Untuk langkah-langkah memasang Random Post dibawah postingan, anda tinggal ikuti tutorial yang akan saya jelaskan dibawah ini.
1. Yang pertama ya pasti tau lah, sobat blogger harus masuk dulu ke blognya masing-masing.
2. Setelah berada pada tampilan utama blogger maka masuk ke menu > Template > Edit HTML.
3. Pertama, kita harus memasang skin dulu yaitu CSS utuk membuat tulisan judul related postnya agak besar sedikit dengan cara simpan kode ini dibawah <style> untuk AMP biasanya ada style khusus item yang menampilkan Random Post Di halaman postingan saja..
.related-post h4{font-family:Roboto,Arial,sans-serif;margin:20px 10px 0 0;background:0 0;font-size:30px;font-weight:500;padding:10px;color:#141924}

4. Langkah selanjutnya, Silahkan sobat cari kode <data:post.body/> selanjutnya tempatkan kode dibawah ini tepat sesudah atau dibawah kode <data:post.body/> untuk yang ingin meletakan Random Post dibawah posting.
<div class='related-post'>
<h4>You Might Also Like:</h4></div>
<amp-iframe frameborder='0' height='560' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' src='https://cdn.rawgit.com/saipulmuiz/Simuiz/5cb08209/Random-post.html?url=www.simuiz.com&amp;color=333333'>
</amp-iframe>
5. Bagi kalian yang ingin menempatkan Random Post disebelah Sidebar Blog maka kalian cukup menambahkan widget saja di bagian sidebar yang ingin sobat pasang Random Post.
6. Selesai dahh tutorialnya, ya semoga aja dapat berfungsi dengan baik.

Nb : kalau ada pertanyaan silahkan jangan sungkan-sungkan untuk berkomentar.
Demikianlah postingan kali ini tentang Cara Memasang Random Post Di Blog AMP HTML, saya harap artikel ini akan menjadi manfaat untuk sobat yang membacanya.

Anda Sedang Membaca Artikel Tentang Cara Pasang Random Post Di Blog AMP HTML Dan Artikel Ini URL Permalinknya Adalah http://www.simuiz.com/2017/01/cara-pasang-random-post-di-blog-amp-html.html, Saya Harap Artikel Ini Bisa Bermanfaat Bagi Anda Yang Membacanya.


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