Membuat Related Post Grid Untuk Template AMP Blogger




Cara memasangkan related post grid untuk template blogger valid Amp ,
Related post ini berjumlah delapan kolom postingan dengan gaya dua susun ke bawah.
Related post pada template amp bawaan,

Biasanya terlihat kurang enak ,Karena tampilannya yang terkadang list.Ada juga yang model grid ,namun terkadang tidak pas dengan kolom postingannya.

Kebetulan jika kamu ingin mengganti tampilan related post template AMP blogger kamu,Kamu bisa menggunakan kode pengganti tampilan related post di bawah ini.
Sebelum kamu memasang kodenya .lihat dulu penampilannya ,seperti ini ,jika kamu berhasil memasangnya di template AMP blogmu.

Tampilan gambar di atas merupakan hasil dari kode related post model grid yang bisa kamu gunakan dan pasangkan pada blogmu,Kamu bisa memasangnya di blog blogger ,dengan cara sebagai berikut:

1.Buka dasbhord Blogger
2.Klik theme dan klik edit template
3.Di tengah-tengah template ,jika kamu menggunakan pc ,silahkan tekan ctrl f  untuk mencari tag </head>

Jika kamu sudah mengetahui cara pemasangnnya,Langkah selanjutnya yang perlu kamu ketahui ialah :Kode java script untuk membuat related post amp dengan model GRid.
Di bawah ini adalah kodenya ,jika kamu bingung untuk menempatkan kode ini,mudah saja:

-Di bagian edit template ,tekan ctrl f ,masukan tag </head > dan klik enter.
-Copy,kode di bawah ini dan paste tepat di bawah tag </head> yang kamu cari tadi.

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/amp-style/file/master/amp-rampost2.html?url=&quot; + data:blog.homepageUrl' frameborder='0' height='320' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
<div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div>
</amp-iframe>

-Jika sudah ,jangan lupa untuk klik simpan template
-Lihat hasilnya ya di blog kalian.

Nah kode dan cara di atas adalah: Tutorial blogging untuk merubah penampilan kotak related post pada template AMP blogger mu,Cukup mudah bukan ?

Semoga artikel ini bermanfaat untuk kamu ya,Yang mau merubah tampilan related post pada template yang valid AMP.
Caranya sangat simpel.copy paste kode saja.selesai.


Artikel Terkait

Postingan populer dari blog ini

Begini Cara Memasang iklan penelusuran bersponsor google adsense Di Blog

Download Template Igniel versi premium Gratis

Cara Menampilkan Traffic Data Koneksi Internet Pada Laptop

Koleksi Symbol Text Keren Untuk Blog Dan Sosial Media

Tutorial Full Flash Smartphone OPPO A37 ,Lupa Pola

Cara Mengatasi Gagal Install Driver VGA Pada windows 7 All version

Cara membuat Link Model no follow dan Do follow

Cara Membuat Kotak Script Border Dan Scroll Pada Blog

Cara Membuat Akun Google Adsense Hosted Terbaru