Logo
https://2.bp.blogspot.com/-EnSTrO0ru0A/WemnYVpoVWI/AAAAAAAABDE/6hgLR34sZAoQG-D9euLgI8OUWFIiLaLNwCLcBGAs/s1600/logo.png
Find the logo URL above, then replace it with your blog logoMenu
<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>
Replace the "#" sign with the destination UrlSubscribe
<div id='subscribe-box'>
<div class='title'>Get Notified</div>
<p>Get the latest articles from us by entering the email on the form provided below</p>
<div class='emailfield'>
<form action='//feedburner.google.com/fb/a/mailverify' target='_blank'>
<input name='name' placeholder='Enter your name' title='You name' type='text'/>
<input name='email' placeholder='Enter your email' title='You Email' type='text'/>
<input name='uri' type='hidden' value='goomsite/cWaD'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Sign Up Now'/>
</form>
</div>
<span>After you enter the email above, then automatically you will receive a new post from us</span>
</div>
Search username feedburner "goomsite/cWaD" and replace with your username feedburnerNavamp
<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'>Learn more</a></li>
</ul>
</div>
Find and replace Url "#intro_team" and "#intro_text"BOX
<div class='box'>
<div class='amp-content'>
<div class='postinfo'>
<ul class='infopay'>
<li>
<a class='pay'><p><i class='material-icons'></i></p></a>
<span class='number'>FEATURE ONE</span>
<span>Inermis disputationi ei, ut idque eirmod ius. At est meis nonumes facilis</span></li>
<li>
<a class='pay'><p><i class='material-icons'></i></p></a>
<span class='number'>FEATURE TWO</span>
<span>Elitr accusam reformidans nam id, elit veniam ne cum</span></li>
<li>
<a class='pay'><p><i class='material-icons'></i></p></a>
<span class='number'>FEATURE TREE</span>
<span>Rebum simul per ne, sanctus epicurei ea sit</span></li>
<li>
<a class='pay'><p><i class='material-icons'></i></p></a>
<span class='number'>FEATURE FOUR</span>
<span>Sanctus epicurei ea sit. Elitr accusam reformidans nam id, elit veniam ne cum</span></li>
</ul>
</div>
</div>
</div>
CustomizeBOX1
<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='380' src='https://2.bp.blogspot.com/-T97l3LPpFNc/Wemqyd7QdCI/AAAAAAAABDQ/2wtWVopDUKwS5qLwPznuMeo-YuBKE7kmgCLcBGAs/s1600/mobilete.png' width='340'/>
</div>
</div>
</div>
CustomizeBOX2
<div class='box2'>
<div class='amp-content'>
<div class='centenbox1'>
<amp-img alt='imac' height='380' src='https://2.bp.blogspot.com/-_t51FX8Rziw/Wef03tgP70I/AAAAAAAACsc/uKTfCtPijPIAMWdFMXGOglu2DrzZKFBuACLcBGAs/s1600/example_img.png' width='400'/>
</div>
<div class='centenbox2'>
<div class='intro_layout'><h2>Stand Out From Competition <strong>With Team</strong> App Landing</h2></div>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur netsum lorem fugit, sed quia magni dolores eos qui ratione sequi nesciunt. Neque poris ratione sequi enim ipsam voluptatem quia volupti sed nets quia magni.</p>
<ul class='features-list'>
<li><i class='material-icons'></i> Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
<li><i class='material-icons'></i> Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
<li><i class='material-icons'></i> Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
</ul>
</div>
</div>
</div>
CustomizeADMINISTRATOR
<div class='box4'>
<div class='boxauthor'>
<div class='boxauthor_photo'>
<amp-img alt='amp' height='150' src='https://3.bp.blogspot.com/-buYkocZvtnE/WegsfV66spI/AAAAAAAACs4/aZcXlqs9fpUT4d5KM8rZsFnU4uwmetN0ACLcBGAs/s1600/profile4.png' width='150'/>
</div>
<div class='boxtitle'>
<h3>Basri Matindas</h3></div>
<div class='boxcontent'>
Nemo enim ipsam voluptatem quia voluptas sit aspernatur netsum lorem fugit, sed quia magni dolores eos qui ratione sequi nesciunt. Neque poris ratione sequi enim ipsam voluptatem quia volupti sed nets quia magni.
</div>
</div>
</div>
CustomizeLATEST ARTICLES
Specify the number of posts to be displayed on the front page
BOX3
<div class='box3'>
<div class='section-overlay bg-opacity-7'>
<div class='sec-bpadding-3'>
<div class='amp-content'>
<div class='col-centered'>
<h1 class='parallax-section-title'>Studying at hasta</h1>
<p class='text-white'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit <span class='text-pink-3'>Suspendisse et justo Praesent</span> mattis commodo augue Aliquam ornare hendrerit augue Cras tellus In pulvinar lectus a est Curabitur eget orci Cras laoreet ligula Etiam sit amet dolor Vestibulum consectetuer adipiscing elit.</p>
<a class='btn btn-pink-3 btn-round' href='#'>Read more</a>
</div> </div>
</div>
</div>
</div>
CustomizeSlider Carousel
<div class='box5'>
<div class='amp-content'>
<amp-carousel height='300' layout='fixed-height' type='slides'>
<div class='textslide'>
<span>Slide Library</span>
<p>Build modern, professional sliders with the hundreds of premade slides in minutes. Fresh design, with harmonious typography.</p>
<ul class='button'>
<li><a class='amp-button' href='#' target='_blank'>Information</a></li>
</ul>
</div>
<div class='textslide'>
<span>Endless Possibilities</span>
<p>Mix carefully crafted slides to create gorgeous sliders and blocks</p>
<ul class='button'>
<li><a class='amp-button' href='#' rel='nofollow' target='_blank'>Information</a></li>
</ul>
</div>
<div class='textslide'>
<span>Flexible System</span>
<p>Styles and UI elements fit for any kind of a web related project</p>
<ul class='button'>
<li><a class='amp-button' href='#' target='_blank'>Information</a></li>
</ul>
</div>
<div class='textslide'>
<span>Mobile Friendly</span>
<p>Make your slide looks great on all screens, tablets and phones</p>
<ul class='button'>
<li><a class='amp-button' href='#' target='_blank'>Information</a></li>
</ul>
</div>
</amp-carousel>
</div>
</div>
CustomizeAbout Team
<div class='box6'>
<div class='amp-content'>
<div class='intro_team' id='intro_team'>
<h2>About <strong>Team</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='/p/about-mark-henry.html'><amp-img alt='amp' height='150' src='https://3.bp.blogspot.com/-ToivxBHhRZw/WegseadcB-I/AAAAAAAACs0/lqOuLWi9BAIfSX2MKXwYqNpeDyv1PpShgCLcBGAs/s1600/profile3.png' width='150'/></a></div></span>
<span class='infox'>Jone Smite</span>
<p>Web Develpoer</p>
<a class='fbgoo icon' href='#' rel='nofollow'/>
<a class='twitgoo icon' href='#' rel='nofollow'/>
<a class='gplusgoo icon' href='#' rel='nofollow'/>
<a class='linkgoo icon' href='#' rel='nofollow'/>
</li>
<li>
<span class='ms_abouth2'><div class='client-image'><a href='/p/about-sara-bry.html'><amp-img alt='amp' height='150' src='https://4.bp.blogspot.com/-cDxYG6UfHLA/Wegsd2Lr_KI/AAAAAAAACsw/HqtPzzbESWUWpnLtdQp9HFnDS8lH7yjfwCLcBGAs/s1600/profile2.png' width='150'/></a></div></span>
<span class='infox'>Sara Bry</span>
<p>Web Designer</p>
<a class='fbgoo icon' href='#' rel='nofollow'/>
<a class='twitgoo icon' href='#' rel='nofollow'/>
<a class='gplusgoo icon' href='#' rel='nofollow'/>
<a class='linkgoo icon' href='#' rel='nofollow'/>
</li>
<li>
<span class='ms_abouth3'><div class='client-image'><a href='/p/about-mark-henry.html'><amp-img alt='amp' height='150' src='https://3.bp.blogspot.com/-TaYPq_fYVws/WegscO7XzbI/AAAAAAAACss/MB7pCsAkL0UfHrBJcrDx-TQbzu3Qf48YgCLcBGAs/s1600/profile1.png' width='150'/></a></div></span>
<span class='infox'>Mark Henry</span>
<p>Co Founder</p>
<a class='fbgoo icon' href='#' rel='nofollow'/>
<a class='twitgoo icon' href='#' rel='nofollow'/>
<a class='gplusgoo icon' href='#' rel='nofollow'/>
<a class='linkgoo icon' href='#' rel='nofollow'/>
</li>
</ul>
</div>
</div>
</div>
Replace url photo with each Url photo board and sign "#" please replace with destination url respectivelyNumer
<div class='box7'>
<div class='section-overlay bg-opacity-7'>
<div class='sec-bpadding-3'>
<div class='amp-content'>
<div class='nav_grid'>
<ul class='sc_vertical'>
<li><div><h2>1789</h2><h4>Customers</h4></div></li>
<li><div><h2>1557</h2><h4>Projects</h4></div></li>
<li><div><h2>1431</h2><h4>Success</h4></div></li>
</ul>
</div>
</div></div>
</div>
</div>
CustomizePurchase
<div class='box9'>
<div class='button9'>
<span>Ready to use Stratus for your next project?</span>
<a class='box9_button' href='#'>Purchase theme</a>
</div>
</div>
CustomizeMaps
<amp-iframe frameborder='0' height='71.5' layout='responsive' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3973.329706993293!2d119.4620871139731!3d-5.210780953961945!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dbee22fa3f773c1%3A0x36e3d875609d7dba!2sGoomsite.Net!5e0!3m2!1sid!2sid!4v1508121111854' width='200'>
</amp-iframe>
Information:Notice that my line is yellow, please replace with your url maps. To get it notice the picture below
Click the share button
Choose Embed and copy to notepad
Note the code that is blocked with a blue mark, it is the code that you will replace with the Embed code I marked on the previous embed
Comment Disqus
<<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'>Disqus Comments</div>
</amp-iframe>
Find the iframe comment code Disqus below and find the username "Seoamp" then replace with your username diqusPost Image Parallax
<noscript><img alt="seoamp" height="400" src="https://2.bp.blogspot.com/-H0FV-Y9p3N8/Wctraa-fxmI/AAAAAAAAAwc/faEeCZA5F34on7H1AmaJCum-CPUiX7UrACLcBGAs/s1600/Health2.jpeg" title="seoamp" width="700"></noscript>Change image url to publish and height = "400" and width = "700" size adjust to original size
Post Image Advanced
<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>Change image url to publish and height = "300" and width = "430" size adjust to original size