Skip to main content

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.

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 Tanya Jawab
Buka Komentar
Buka Komentar
Jangan Diklik!

Menarik Untuk Dibaca Juga:


PrivacySitemap
©2021 BERPUSAT