Shezan Documentation

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 logo



Menu



 <nav id='menu'>
<input type='checkbox'/>
  <label><i class='material-icons'>&#58311;</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 Url


Subscribe



 <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 feedburner


Navamp



 <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'>&#59525;</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'>&#58119;</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'>&#59404;</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'>&#59403;</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> 
Customize


BOX1



 <div class='box1' id='box1'>
 <div class='amp-content'>
<div class='go_features'>                
<ul class='go_features'>
<li><i class='material-icons'>&#59448;</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'>&#60221;</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'>&#58163;</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> 
Customize


BOX2



 <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'>&#59510;</i> Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
<li><i class='material-icons'>&#59510;</i> Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
<li><i class='material-icons'>&#59510;</i> Tendis tempor ante acu ipsum finibus, atimus etims urna netsumiteda qui ratione lorem nets et sequi tempor.</li>
</ul>
</div>
  </div>
  </div> 
Customize


ADMINISTRATOR



 <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> 
Customize


LATEST 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> 
Customize


Slider 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> 
Customize


About 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 respectively

Numer



<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>
Customize


Purchase



<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>
Customize


Maps



<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='&quot;https://cdn.rawgit.com/basrimedia/online/793395fc/disqusonline.html?shortname=seoamp&amp;url=&quot; + 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 diqus

Post 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