HOMEPAGE SECTION SETTINGS
PENGATURAN MOBILE
LOGO
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXWW0xMRWQu-5gg14Rg9NgXXM9SXvSZchwjPtdTTSriG02V2UaKkgnADSpaUjlOmu_rsX6GOiC8c-YWvSA7hO-9ZKnK4qMZP6zmYlbr14YnTrWqUbgGKakE9hk3MKe0MC96TlgaNz8-BM/s1600/logo.png
Cari url logo diatas dan ganti dengan url logo blog anda. Untuk ukuran logo yang direkomendasikan 386x91
MENU
<nav id='menu'>
<input type='checkbox'/>
<label><i class='material-icons'></i></label>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a class='dropdown' href='#'>Contact</a>
<ul class='menus'>
<li><a href='#'>Team 1</a></li>
<li><a href='#'>Team 2</a></li>
<li><a href='#'>Team 3</a></li>
<li><a href='#'>Team 4</a></li>
</ul>
</li>
<li><a class='dropdown' href='#'>Team</a>
<ul class='menus'>
<li><a href='#'>Team 1</a></li>
<li><a href='#'>Team 2</a></li>
<li><a href='#'>Team 3</a></li>
<li><a href='#'>Team 4</a></li>
</ul>
</li>
<li><a href='#'>Features</a></li>
<li><a href='#'>Pricings</a></li>
<li><a href='#box1'>Screenshot</a></li>
</ul>
</nav>
Ganti tanda # dengan url artikel atau label
NAV-AMP
<div class='nav-amp'> <span>IS THE BEST</span> <p>Noster explicari cu sedc odio detraxit maluisset usu at id eros tantas everti mea in admodum platonem dicant civibus expetenda, inani apeirian senserit cu vel</p> <ul class='button_amp'> <li><a class='tombol_header' href='#intro_team'>About Team</a></li> <li><a class='tombol_header2' href='#intro_text'>Latest from</a></li> </ul> </div>
Keterangan:
Sesuaikan
SUB
<div id='subscribe-box'> <div class='alert-message alert'>TK xxxx</div> <div class='alert-message1 alert'>SD xxxx</div> <div id='subs'> <span>After you enter the email above, then automatically you will receive a new post</span> </div> </div>
Sesuaikan
INFO
<div class='xx-info'>
<div class='amp-content'>
<amp-img alt='imac' height='340' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7z7EK7VQng4KV8UaVGzqVYUAzrwgYhvm_A2G8Rd_lBMnNtUqslaUqKPFy_g4TLiosZh3Vy8U7o-C2tX73kY3TX9zboemzCIyFMtXLm8h8qetxLw9LCLlfKESYbJDtmVRTd4wgS6nmCwVL/s320/bg1.png' width='380'/>
<div class='xx-info-box'>
<h2>Star here For Your Child's Futur !</h2>
<div class='xinfo' id='xinfo-color1'>
<a><i class='material-icons'>cloud_download</i></a>
<span class='x-info'>
<h3><a href='#' target='_blank' title='Admission'>Admission</a></h3>
<p>The About page serves to explain who the owner of the blog is ho owns.</p>
</span>
</div>
<div class='xinfo' id='xinfo-color2'>
<a><i class='material-icons'>opacity</i></a>
<span class='x-info'>
<h3><a href='#' target='_blank' title='Rules And Regulation'>Rules And Regulation</a></h3>
<p>Contact Us is a form page that works if the visitor wants to ask something.</p>
</span>
</div>
<div class='xinfo' id='xinfo-color3'>
<a><i class='material-icons'>flag</i></a>
<span class='x-info'>
<h3><a href='/p/payment.html' target='_blank' title='School Fees'>School Fees</a></h3>
<p>Payment page Goomsite is one of the pages on this blog that provides payment.</p>
</span>
</div>
<div class='xinfo' id='xinfo-color4'>
<a><i class='material-icons'>local_bar</i></a>
<span class='x-info'>
<h3><a href='#' target='_blank' title='Download Admission Form'>Download Admission Form</a></h3>
<p>Place Cheap Ads and 7 day Bonus, just information for anyone.</p>
</span>
</div>
</div>
</div>
</div>
Ganti tanda # dengan url tujuan sedangkan yang lainnya sesuaikan
INFO 2
<div class='box1' id='box1'>
<div class='amp-content'>
<div class='go_features'>
<ul class='go_features'>
<li><i class='material-icons'></i>
<span>Multi Homepages</span>Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
<li><i class='material-icons'></i>
<span>Custom Forms</span>Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
<li><i class='material-icons'></i>
<span>Creative Design</span>Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
</ul>
</div>
<div class='clr'/>
<div class='myinbox'>
<amp-img alt='imac' height='400' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjfgH9HJKSzeD4RiERxDpJzlC2cq0S24W4aeShav0p8ddKG-bQ9nzEDro7xq1HC4TO7TRBcGQIy7-hh2NlHueT4-7NQpVLmPOCYVHX2WPk_r37Okm95d0yFnw6e0HrC22i6y1ggcNz_HZ/s320/stu.png' width='350'/>
</div>
</div>
</div>
Sesuaikan
OUR THEACER
<div class='box6'> <div class='amp-content'> <div class='intro_team' id='intro_team'> <h2>Our <strong>Theacer</strong></h2> <h3>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration, by injected humour, or new randomised words.</h3> </div> <div class='info_abouth'> <ul class='infoms_abouth'> <li> <span class='ms_abouth1'><div class='client-image'><a href='#'><amp-img alt='amp' height='270' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghL1rTcyxPCJsG9pmAN7rpWAaTM92SNGgChPoyaKOSlp8jBjhODBUIFaVT_vMux_SSY5cHfgjv3lyBWI4YGV_RZgoDMrv9MjERvjERIDmDxZ9tO_dy1D2W8hVVQehCeFL9LELHYiwNEJP8/s320/Oliver+Sansa.jpg' width='260'/></a></div></span> <span class='infox'>Oliver Sansa</span> <p>Karate Teacher</p> </li> <li> <span class='ms_abouth1'><div class='client-image'><a href='#'><amp-img alt='amp' height='270' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln2-NLo_t4TmCZO8JJgMWLpKHREgN8F4IDygWCi6pu_B6l9_Apr_6NhI-Divps5KnaNdIaWhnTtMjEzAb284lGZw97Rc0WUtDcTQM6n9hPU9W4Vz1yP6-AcDP7dAKa-zNGH-EKWO_0JWB/s320/John+David.jpg' width='260'/></a></div></span> <span class='infox'>Hanna Smite</span> <p>KG Teacher</p> </li> <li> <span class='ms_abouth1'><div class='client-image'><a href='#'><amp-img alt='amp' height='270' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgscIIV0GZpa_Ky7doDeqwXrReXoDLuvulSKNaHLW2iHdoaKJPKlYcGSO_Ukb3B06t77UJwlAdPqpgYplGj4I68dgsNUkpItMwadoy_BlDEkcYLhS8dg7TPC4S7wwUjB46dkczeCO6saA1Q/s320/John+Black.jpg' width='260'/></a></div></span> <span class='infox'>Karina</span> <p>Karate Teacher</p> </li> <li> <span class='ms_abouth1'><div class='client-image'><a href='#'><amp-img alt='amp' height='270' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizU48grPDjrSdcEEJ64KtEHBbOBK6fILG0OgysIVtKiyvVxO0ghyphenhyphenx7ZcCj4TDgrX4CrPgAqY_1X6-Peiz7wV5FjPfQzPVSVMTMEYJkpOmijEr_p-Ej9SzWfeY-tDYhLFaRN_dbgni-ioj5/s320/Jack+Wilshere.jpg' width='260'/></a></div></span> <span class='infox'>Jack Wilshere</span> <p>Football Teacher</p> </li> </ul> </div> </div> </div>
Ganti dengan url Profil
Ganti dengan Url Gambar Photo Profil
Nama Profil
Status
GALLERY
<ul class='templatemo-project-gallery'> <li class='gallery'><a href='#'><div class='templatemo-project-box'> <amp-img alt='gallery' height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ3kq6oZjM9O5bqVku1vWo0GEBSGrFRxUxUvzrticTYxSnOG_iGOCFh3182hV0zuLzqAb57HAkwjUzYxtl4tW-wfL3-k-iLZgxAKHba9aYGAcBDFmr20OYF3QugRk4E-tYD1bFjJIiA3mF/s320/blog1.jpg' width='337'/> <div class='project-overlay'><h5>Simple Title</h5><i class='material-icons'>image</i></div></div></a></li> <li class='gallery'><a href='#'><div class='templatemo-project-box'> <amp-img alt='gallery' height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvl95515Q-bOIC3yibBzVSb7Y5cy-9x7H3puM-Z9KehyphenhyphenwAvsHv-_2NUK2qvRV8XQjRpvE-JpKX3kt4oF264m3mdkTB1uDrO7nps8f_Icvlb0arCOWkrRywRMHyIx0ZwT5KQJhT6PtaZ86v/s320/blog2.jpg' width='337'/> <div class='project-overlay'><h5>Simple Title</h5><i class='material-icons'>image</i></div></div></a></li> <li class='gallery'><a href='#'><div class='templatemo-project-box'> <amp-img alt='gallery' height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYcIW0iQ8RSsyivvrKcLpuUyGM_hAAJcID9iGZXELxaMWRn65qvxjWHWu-WWhK1R09VayTdBuTa90ChRrBoRN276cdCUDFRtbrXqMCriwtEu_y8zzB2Vw5hLNe1pLwHOsZKOBTW3Poe9J9/s320/blog3.jpg' width='337'/> <div class='project-overlay'><h5>Simple Title</h5><i class='material-icons'>image</i></div></div></a></li> <li class='gallery'><a href='#'><div class='templatemo-project-box'> <amp-img alt='gallery' height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin7pZM9ItJgM-R8oRCGPghcnGia7OLSjUodPLEVO3w_Y2qGKbvNwIW4TF-T3hUN0_XtIGfgkv_haJ4WbKXyeHC02EpS5lF20Hf0gA5Hs7IkObDeGlie6SzlA36HBk8i6mzRCi6TT1bQNoz/s320/blog6.jpg' width='337'/> <div class='project-overlay'><h5>Simple Title</h5><i class='material-icons'>image</i></div></div></a></li> <li class='gallery'><a href='#'><div class='templatemo-project-box'> <amp-img alt='gallery' height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4pMFacHGd5Wz-PhCjgwPavt-UG6lH2MzpLk7EoOnilYU4VeqIlzWEJ8oaT6L8YjDgq9leJzDElZO2v38SCYAOvdokXwgeoatMQaz6CmQY30eyCzfHfb_rqN2_xGL4TkaQxhl5DXoqCK0J/s320/blog5.jpg' width='337'/> <div class='project-overlay'><h5>Simple Title</h5><i class='material-icons'>image</i></div></div></a></li> <li class='gallery'><a href='#'><div class='templatemo-project-box'> <amp-img alt='gallery' height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH6H_I7MDS0t4BtJGmz1xsb-CPmD7WiYYipFldEIAiV1N0pU-HK78b3ikbJRFocdcN2HgUniau73A_-1rmM90gEEI2KinE2BMEJPJrgGTbfxX_lRrT8oWaxJH1EsI-PM2K5SS_yf2vI2uO/s320/blog7.jpg' width='337'/> <div class='project-overlay'><h5>Simple Title</h5><i class='material-icons'>image</i></div></div></a></li> <li class='gallery'><a href='#'><div class='templatemo-project-box'> <amp-img alt='gallery' height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI3uz_jWzoCM6Md7s-fsSmlN8unN2pFUfqpg3dBn5_ZZsRmguzzdKLpYd2dej0TWhYGZinBqLFSveMpDzHWoEoex5IRngk46XJk0QLtmgp3uM3DusGKPqVwLccOPBxV2PbMWxmi3SS1lVY/s320/blog8.jpg' width='337'/> <div class='project-overlay'><h5>Simple Title</h5><i class='material-icons'>image</i></div></div></a></li> <li class='gallery'><a href='#'><div class='templatemo-project-box'> <amp-img alt='gallery' height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhVVVKvH6kZhMw0OFUl3_i9Fsv__bpu6naHAOJibdWSkRqWI011Bm3l1cJISRt1rlTnhjaUhe0k7h8WMusoLHuuWOps5PwQkr6Gq9utY8s4fzD8CnFioDmAUS8r9Q5PrKYTweZ-hkwLjKu/s320/blog9.jpg' width='337'/> <div class='project-overlay'><h5>Simple Title</h5><i class='material-icons'>image</i></div></div></a></li> </ul>
Ganti dengan url tujuan
Ganti dengan Url Gambar
Ganti dengan judul
GAMBAR PERTAMA
<noscript><img alt="seoamp" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJz4wkzkcLi6RuqsvQZTg9Hwe9FewHl7XAn7rRZdCwO-3rXliK5F4WECffRjdOcZ_FBvV4DxMaajBabH6bU3uojyPlLeVKpDnV533avDhoMrJ7t-c7sfsXKts_nrHPRjYYthveW_Wwris/s1600/Health2.jpeg" title="seoamp" width="700"></noscript>
Ganti Url Gambar diatas dengan gambar yang akan dipublis sedangkan height = "400" and width = "700" adalah ukuran asli gambar
GAMBAR KEDUA & SETERUSNYA
<amp-img alt="AMP HTML" height="300" layout="responsive" src="https://4.bp.blogspot.com/-EyPxNdd-5Mg/V9oqDTiC2nI/AAAAAAAAGLM/4UxCZ3GrwB06xhnG6O1o23JhK_CZEV9ngCLcB/s1600/Kota%2BDengan%2BPenghasil%2BWanita%2BCantik%2BTerbanyak%2BDi%2BDunia.jpg" width="430"></amp-img>
Ganti Url Gambar diatas dengan gambar yang akan dipublis sedangkan height = "300" and width = "430" adalah ukuran asli gambar
KOMENTAR DISQUS
<div class='comments'>
<amp-iframe expr:src='"https://cdn.rawgit.com/basrimedia/online/793395fc/disqusonline.html?shortname=seoamp&url=" + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups allow-forms' width='600'>
<div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'/>
</amp-iframe>
</div>
Ganti seoamp Disqus tersebut dengan shortname disqus anda