Skip to main content

Solusi Error AMP Body dan Sidebar Hilang di Tata Letak

Cara mengatasi error AMP body dan sidebar hilang di tata letak blogger. Usai Update blogger pada agustus 2020 lalu, banyak sekali membuat perubahan mulai dari error AMP, munculnya tanda panah di pojok kiri atas blog dan lain sebagainya.

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

Nah dibalik error AMP agustus lalu, ada hal yang menarik perhatian saya, dimana ketika anda memperbaiki error AMP tersebut pada bagian tata letak terjadi kehilangan struktur seperti body dan sidebar yang menyebabkan tidak bisa mengatur widget melalui tata letak melainkan hanya dengan cara manual melalui edit HTML.

Error ini terjadi akibat perubahan yang dilakukan agar blog valid AMP yang di dasari error pada bulan agustus 2020. Untuk mengembalikan tata letaknya anda perlu mengembalikan beberapa kode yang di ubah, yang tentunya akan memunculkan error AMP kembali.

Lalu bagaimana cara menampilkan body dan sidebar di tata letak kembali tanpa ada error AMP?

Tenang saja, disini saya sudah menyiapkan 2 cara, dan saya rasa blog ini paling pertama membagikan cara ini, jika ada cara yang sama seperti yang di bagikan di blog ini, itu bisa dipastikan copas dari blog repick.net

2 Cara Memperbaiki Error AMP : Body dan Sidebar hilang di tata letak

Berikut akan saya bagikan caranya secara lengkap dan detail, simak baik baik.

1. Mengganti CSS Layout

Cara pertama ini cara yang cukup mudah, anda hanya perlu mengganti kode CSS Layoutnya yang semulanya seperti ini

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

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

#header-wrapper{width:100%;}

#main-wrapper{width:65%;float:right;}

#sidebar-wrapper{width:35%;float:left;}

ul,li{list-style: none;}

]]></b:skin>

</b:if>

Diganti menjadi

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

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

#header-wrapper{width:100%;}

#main-wrapper{width:65%;float:left;}

#sidebar-wrapper{width:35%;float:right;}

.credit-wrapper{width:100%;float:left}

ul,li{list-style: none;}

]]></b:skin>

</b:if>

Dengan mengubah CSS Layout nya maka otomatis body dan sidebar di tata letak akan kembali lagi.

UPDATE: Setelah mengikuti cara pertama, ternyata menu di tata letak tidak bisa di klik. Untuk memperbaikinya silahkan anda 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'>

Sesudah

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

Terakhir silahkan save / simpan template. Dengan mengubah dari false menjadi true maka js di blog akan aktif.


2. Mengembalikan kode HTML, Head, Body

Cara kesatu itu bisa berhasil dan bisa juga tidak, karena CSS layout setiap template berbeda beda, jika cara ke satu tidak berhasil maka ikuti cara kedua ini.

Untuk memunculkan body dan sidebar di tata letak kembali anda perlu mengembalikan seluruh kode pada tag html, head, dan body seperti awal ketika anda belum melakukan perubahan pada error AMP agustus 2020.

Jika anda sudah tidak ingat cara mengembalikannya, silahkan ikuti langkah berikut.

Pertama silahkan anda cari kode berikut ini

<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 ganti kode ini

&lt;/head&gt;
&lt;body&gt;

Dengan kode berikut

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

Jika sudah, ganti kode penutup berikut

&lt;!--<head/>&lt;!--<body/>--&gt; &lt;/body&gt;
</html>

Dengan kode di bawah ini

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

Sampai disini anda sudah berhasil mengembalikan tag html, head, dan body seperti semula.

Tapi mengembalikan seluruh tag di atas dapat mengakibatkan error pada halaman AMP. Untuk menghilangkan error nya cukup mudah, silahkan cari kode berikut

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

Jika sudah ketemu, hapus kode berikut

--&gt;

Sehingga hasilnya menjadi seperti ini

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

Sampai disini anda sudah dapat memperbaiki error AMP body dan sidebar hilang di tata letak dengan cara mengembalikan seluruh kode yang diubah sebelumnya.

Kesimpulan

Sebenarnya anda hanya perlu menghapus kode --> yang menyebabkan error AMP. Namun kode tersebut tidak ada di dalam template karena telah terparse menjadi --&gt; 

Sebenarnya jika kita teliti dalam melihat error yang terjadi pada struktur data AMP, itu akan menjadi sangat mudah.

www.repick.net

NOTE : Konten yang ada di blog ini asli karya Gio Lesmana. Tidak diperkenankan mengambil isi konten tanpa izin. Traktir saya kopi melalui: Paypal.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar