Ditulis oleh: Ditulis pada: Saturday, June 16, 2018
Bagi anda yang merasa pernah mencoba template AMP premium kompi flexible seperti yang saya pakai, coba buka blog anda melalui smartphone dan coba klik pada tombol gulir/next. Jika ada yang janggal pada tampilannya itu berarti ada yang harus diperbiki templatenya agar tampilannya normal kembali. Untuk struktur data semuanya aman - aman saja tidak ada masalah. sebelumnya kendala ini sudah saya email melalui mas Adhy Suryadi dan alhamdulilah mendapatkan jawabannya.
Atas keluhan saya ini, beliau langsung cepat respon dan memberitahu cara perbaikannya. Nah bagi anda yang ini memberbaikinya agar tampilan blg anda tambah cantik, silahkan ikuti panduan dibawah ini:
Pada CSS awal
.homepage .post .posts-thumb,.homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb{position:relative;margin-right:0;float:none;width:100%;height:auto;max-height:unset;overflow:hidden;background:#fff;}
.homepage .post .posts-thumb amp-img,.homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb amp-img {width:100%;height:auto;max-height:unset;z-index:1}
.homepage .post h2,.homepage .blog-posts>.post-outer:nth-child(1) .post h2{padding:10px;margin:0;line-height:1}
.homepage .post h2 a,.homepage .blog-posts>.post-outer:nth-child(1) .post h2 a{font-size:20px;font-weight:700}
Ubah .homepage jadi .home_page jadi
.home_page .post .posts-thumb,.home_page .blog-posts>.post-outer:nth-child(1) .post .posts-thumb{position:relative;margin-right:0;float:none;width:100%;height:auto;max-height:unset;overflow:hidden;background:#fff;}
.home_page .post .posts-thumb amp-img,.home_page .blog-posts>.post-outer:nth-child(1) .post .posts-thumb amp-img {width:100%;height:auto;max-height:unset;z-index:1}
.home_page .post h2,.home_page .blog-posts>.post-outer:nth-child(1) .post h2{padding:10px;margin:0;line-height:1}
.home_page .post h2 a,.home_page .blog-posts>.post-outer:nth-child(1) .post h2 a{font-size:20px;font-weight:700}
atau untuk lebih jelasnya bisa lihat pada gambar dibawah ini
Setelah berhasil diganti, jangan lupa disimpan dan coba lihat kembali blog anda melalui smartpone. Jika penempatannya tepat maka tidak akan terjadi eror soalnya ada banyak home.page. Gantinya tepat dibawah media screen yang ada tanda panahnya ya. Sekian dan terima kasih semoga tutorial ini bermanfaat. Atau jika tidak percaya silahkan hubungi mas Adhy Suryadi selaku pemilik blog Kompi Ajaib.