Template bawaan Anton menjadi Amp Templates

Jika sebelumnya anda sudah dapet sebuah tutorial template amp ala AntonCabon namun hanya dibagian, depan atau homepage seperti di bawah ini. Coba perhatikan, bagian depan template kalian tidak sama seperti demonya, baik kita sekarng apasih yang harus diganti gampang caranya hanya merubah sedikit dari template tersebut.

Ok lah kalau begitu...! pada share kali ini kita akan merubah hanya sedikit dari template tersebut, disini sebagai contoh https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6MpbWsMT1eEWTvY2bsSuVB-r7oZqm0yV9sAL-kB4XlFqFMcFpE_RARhuIGwhn2LM3u1nMozQRLN21Mt3O_njgcogmO9wmX47D8rO7Wxkwn3GPTLXpWr8woDJl92GS5dygXdQChuE6DpI/s1600/Screenshot_2.png, seperti yang anda bisa lihat maka kita hanya perlu menyalin kode html saja yang akan kita gunakan pada template baru.

Berikut langkah-langkah kode yang harus kalian ganti pada halaman postingan AMP Template.

Cari kode ini

.clear{clear:both}
.content-wrapper{width:100%;max-width:1100px;margin-left: auto;margin-right: auto;}
#outer-wrapper{width:auto;text-align:left;margin:0;padding-top:480px;}
#main-wrapper{width:800px;float:left;margin:0;padding:0 0 50px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#sidebar-recht{width:300px;min-width:300px;float:right;padding:0;margin:0}
#sidebar-wrapper{width:300px;float:right;word-wrap:break-word;padding:0;margin:0}

Ganti kode tersebut menjadi seperti di bawah ini

.clear{clear:both}
.content-wrapper{width:100%;max-width:1200px;margin:0 auto;}
#outer-wrapper{width:auto;text-align:left;margin:0;padding-top:480px;}
#main-wrapper{width:100%;float:left;margin:0;padding:0 0 50px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#sidebar-recht{width:300px;min-width:300px;float:right;padding:0;margin:0;display:none}
#sidebar-wrapper{width:300px;float:right;word-wrap:break-word;padding:0;margin:0}

Hasilnya akan nampak seperti contoh dibawah ini;

Tags: AMP