Skip to main content
JAP BERPUSAT

follow us

Perbaikan Template Kompi Flexible


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.

You Might Also Like:

Comment Policy: Berikan komentar yang sesuai dengan tema pada postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar