Cara Mengatasi Error AMP Body dan Sidebar Hilang di Tata Letak


Cara memperbaiki bug body dan sidebar AMP yang hilang di tata letak Blogger

Sejak update Blogger pada Agustus 2020, banyak perubahan yang dilakukan, mulai dari error AMP, tanda panah di pojok kiri atas blog, dan lain sebagainya.

Perubahan yang dilakukan blogger bukan tanpa alasan, melainkan demi kenyamanan pengguna blogger itu sendiri.

Sekarang di balik bug AMP Agustus lalu , saya tertarik dengan sesuatu di mana memperbaiki bug AMP di bagian tata letak kehilangan struktur seperti badan dan bilah sisi, membuat Anda tidak dapat mengatur widget tata letak, tetapi hanya secara manual menggunakan pengeditan HTML.

Kesalahan ini disebabkan oleh perubahan yang dilakukan untuk menjadikan blog sebagai AMP yang valid, yang didasarkan pada kesalahan pada bulan Agustus 2020 . Untuk mengembalikan tata letak, Anda harus mengembalikan beberapa kode yang diubah, yang tentu saja menyebabkan kesalahan AMP lagi.

Jadi bagaimana cara menampilkan kembali body dan sidebar di layout tanpa error AMP?

Oke disini sudah saya siapkan 2 cara dan menurut saya blog ini yang pertama kali membagikan cara ini, jika ada cara yang mirip dengan yang di share di blog ini pasti bisa di copy paste dari blog repick.net
2 cara untuk memperbaiki kesalahan AMP: Badan dan bilah sisi hilang dari tata letak

Disini saya akan membagikan cara melakukannya secara lengkap dan detail, simak baik-baik.

1. Ubah tata letak CSS

Cara pertama ini cukup mudah, tinggal ganti kode CSS Layout yang awalnya seperti ini

<b: if cond = 'data: view.isLayoutMode'>

& lt;! - / * <b: skin> <! [CDATA [

# header-wrapper {lebar: 100%;}

# main-wrapper {lebar: 65%; mengapung: benar;}

# sidebar-wrapper {lebar: 35%; mengapung: kiri;}

ul, li {gaya daftar: tidak ada;}

]]> </ b: kulit>

</b: jika>

Berubah menjadi

<b: if cond = 'data: view.isLayoutMode'>

& lt;! - / * <b: kulit> <! [CDATA [

# header-wrapper {lebar: 100%;}

# main-wrapper {lebar: 65%; mengapung: kiri;}

# sidebar-wrapper {lebar: 35%; mengapung: benar;}

.credit-wrapper {lebar: 100%; mengapung: kiri}

ul, li {gaya daftar: tidak ada;}

]]> </ b: skin>

</b: if>

Mengubah tata letak CSS secara otomatis mengembalikan badan dan bilah sisi dalam tata letak.

UPDATE : Setelah melakukan cara pertama, ternyata menu yang ada di layout tidak bisa diklik. Untuk memperbaikinya, ubah b: js = 'false' menjadi b: js = 'true'. Sebagai contoh, perhatikan kode di bawah ini.

Sebelum

<html b: css = 'false' b: js = 'false' expr: dir = 'data: blog.languageDirection' lang = 'id'>


Setelah


<html b: css = 'false' b: js = 'true' expr: dir = 'data: blog.languageDirection' lang = 'id'>




Terakhir, simpan/simpan template. Mengubah dari false ke true akan membuat blog aktif.

2. Mengembalikan kode HTML, Kepala, Badan


Metode pertama mungkin berhasil atau tidak karena tata letak CSS setiap template berbeda. Jika cara pertama tidak berhasil, ikuti cara kedua ini.

Untuk menampilkan kembali body dan sidebar di layout, Anda harus menyetel ulang semua kode di tag html, head, dan body seperti semula saat Anda tidak melakukan perubahan apa pun pada error AMP Agustus 2020.

Jika Anda tidak ingat cara mengembalikannya, ikuti langkah-langkah berikut.

Silakan temukan kode berikut terlebih dahulu


<html b: css = 'false' b: js = 'false' expr: dir = 'data: blog.languageDirection' lang = 'id' xmlns = 'http: //www.w3.org/1999/xhtml' xmlns : b = 'http: //www.google.com/2005/gml/b' xmlns: data = 'http: //www.google.com/2005/gml/data' xmlns: expr = 'http: // www.google.com/2005/gml/expr '>



Atau


<html b: css = 'false' b: js = 'false' expr: dir = 'data: blog.languageDirection' lang = 'id'>




Ganti dengan kode berikut


<HTML expr: dir = 'data: blog.languageDirection' lang = 'id'>




Selanjutnya, ubah kode ini


& lt;/ kepala & gt;
& lt; tubuh & gt;




Dengan kode berikut


& lt;/ kepala & gt; & lt;! - <head /> - & gt;
<tubuh>

Jika demikian, ganti kode penutup berikut


& lt;! - <kepala /> & lt;! - <tubuh /> - & gt; & lt;/ tubuh & gt;
</html>




Dengan kode di bawah ini


& lt;! - </body> - & gt; & lt;/ tubuh & gt;
</HTML>


Di sini Anda telah berhasil memulihkan tag html, head, dan body ke keadaan semula.

Namun, mengembalikan semua tag di atas dapat menyebabkan error pada halaman AMP. Pemecahan masalah cukup mudah, silakan temukan kode berikut:


& lt;/ kepala & gt; & lt;! - <head /> - & gt;

 

<tubuh>




Jika Anda menemukannya, hapus kode berikut


- & gt;




Jadi hasilnya seperti itu


& lt;/ kepala & gt; & lt;! - <kepala />
<tubuh>


Pada titik ini, Anda dapat memperbaiki kesalahan badan AMP dan bilah sisi yang hilang dalam tata letak dengan memulihkan kode yang dimodifikasi sebelumnya.
Kesimpulan

Bahkan, hapus saja kode -> yang menyebabkan kesalahan AMP. Namun, kode tersebut tidak ada dalam template karena telah diuraikan di - & gt;

Padahal, jika kita perhatikan baik-baik error yang terjadi pada struktur data AMP, akan sangat mudah.

0 Comments