Demo Super Genit

Documentation 

INVERT GRID YANG SUDAH DI EDIT

Navigation

Top Navigation : ganti tanda # dengan url Bapak dan logo nya ganti juga  :  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLD_Rzh9o4Tpbw7QwRUvB308MS1jbfo4JSnmicKBNsfNqD57f7EOaAqcASOE_xQR9idEI10ajMMqEFUo3wVRO23sNQR1L5I4daYyAfV3AR8D6ez8BW1wCgcsqKbwdvxr4ROsgUeLpfBgbq/s1600/LOGOS.png

<nav class='main-nav'>
    <ul>
        <li><a expr:href='data:blog.homepageUrl'><img border='0' data-original-height='33' data-original-width='164' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLD_Rzh9o4Tpbw7QwRUvB308MS1jbfo4JSnmicKBNsfNqD57f7EOaAqcASOE_xQR9idEI10ajMMqEFUo3wVRO23sNQR1L5I4daYyAfV3AR8D6ez8BW1wCgcsqKbwdvxr4ROsgUeLpfBgbq/s1600/LOGOS.png'/></a></li>
        <li><a href='#'><i aria-hidden='true' class='fa fa-info'> 
Info</i></a></li>
        <li><a href='#'><i aria-hidden='true' class='fa fa-user-secret'> Privacy</i></a></li>
        <li><a href='#'><i aria-hidden='true' class='fa fa-sitemap'> Sitemap</i></a></li>
        <li><a href='#'><i aria-hidden='true' class='fa fa-cogs'> TOS</i></a></li>
        <li class='socright'>
            <a href='#' rel='nofollow' target='_blank'><i class='fa fa-user'/><span class='inv'/></a>
        </li>
        <li class='socright'>
            <a href='#' rel='nofollow' target='_blank'><i class='fa fa-sign-in'/><span class='inv'/></a>
        </li>
        <li class='socright'>
            <a href='#' rel='nofollow' target='_blank'><i class='fa fa-coffee'/><span class='inv'/></a>
        </li>
        <li class='socright'>
            <a href='#' rel='nofollow' target='_blank'><i class='fa fa-envelope-o'/><span class='inv'/></a>
        </li>
        <li class='socright'>
            <a href='#' rel='nofollow' target='_blank'><i class='fa fa-list-alt'/><span class='inv'/></a>
        </li>

        <li class='menu' title='Menu'/>
    </ul>
    <a href='#' id='pull'>Menu</a>
</nav>

Main Navigation : ganti tanda X URL X dengan url Bapak

  <nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
  <div id='nav2'>
    <a class='slide-menu' href='#'><i class='fa fa-list'/> Menu</a>
    <ul class='nav vienna-menulite'>
      <li><a class='active' href='/'><span itemprop='name'><i class='fa fa-th-list fa-lg'/></span></a></li>
      <li><a href='X URL X' itemprop='url'><span itemprop='name'><i aria-hidden='true' class='fa fa-laptop'/>Compuers</span></a>
        <ul>
          <li><a href='X URL X' itemprop='url'><span itemprop='name'>Tutorials</span></a>
            <ul>
              <li><a href='X URL X' itemprop='url'><span itemprop='name'>C++</span></a></li>
              <li><a href='X URL X' itemprop='url'><span itemprop='name'>C++</span></a></li>
            </ul>
          </li>
          <li><a href='X URL X' itemprop='url'><span itemprop='name'>Software</span></a></li>
          <li><a href='X URL X' itemprop='url'><span itemprop='name'>Hardware</span></a></li>
          <li><a href='X URL X' itemprop='url'><span itemprop='name'>C++</span></a>
            <ul>
              <li><a href='X URL X' itemprop='url'><span itemprop='name'>C++</span></a></li>
              <li><a href='X URL X' itemprop='url'><span itemprop='name'>CMD</span></a></li>
            </ul>
          </li>
          <li><a href='X URL X' itemprop='url'><span itemprop='name'>DELPI</span></a></li>
        </ul>
      </li>
      <li><a href='X URL X' itemprop='url'><span itemprop='name'> Karaoke</span></a></li>
      <li><a href='X URL X' itemprop='url'><span itemprop='name'><i aria-hidden='true' class='fa fa-android'> Android</i></span></a>
        <ul>
          <li><a href='X URL X' itemprop='url'><span itemprop='name'>ANDROID</span></a></li>
          <li><a href='X URL X' itemprop='url'><span itemprop='name'>IOS</span></a></li>
          <li><a href='X URL X' itemprop='url'><span itemprop='name'>DLL</span></a></li>
        </ul>
      </li>
      <li><a href='X URL X' itemprop='url'><span itemprop='name'><i aria-hidden='true' class='fa fa-fax '/> Toko Kasir</span></a></li>
      <li><a href='X URL X' itemprop='url'><span itemprop='name'><i aria-hidden='true' class='fa fa-cog'> Emulator</i></span></a></li>
      <li class=''><a class='parent' href='X URL X' itemprop='url'><span itemprop='name'><i aria-hidden='true' class='fa fa-rss '/>  Bloggin</span></a>
        <ul>
          <li class=''><a href='X URL X' itemprop='url'><span itemprop='name'>GANTI</span></a></li>
          <li class=''><a href='X URL X' itemprop='url'><span itemprop='name'>GANTI</span></a></li>
          <li class=''><a href='X URL X' itemprop='url'><span itemprop='name'>GANTI</span></a></li>
        </ul>
      </li>
    </ul>
<div class='icon-searchku'>
<div id='show'><span class='tombolkecil' href='javascript:void(0)' onclick='document.getElementById(&apos;box&apos;).style.display=&apos;block&apos;;document.getElementById(&apos;hide&apos;).style.display=&apos;block&apos;'><font color='#ffffff'><i aria-hidden='true' class='fa fa-search'/></font></span></div>
</div>
  </div>
</nav>

Search Box di Header
untuk yang ini tidak perlu di tambahkan lgi karena sudah di sertakan di template  tinggal klik icon search lebih jelas nya liat gambar 

Tambahan button demo download
di bawah ini bukan tombol tombol hati tetapi tombol demo download :V

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
<div style="text-align: center;">
  <ul class="button2">
    <li><a class="demo mangotepPelangi" href="URL_BAPAK" target="_blank">Link Demo</a></li>
    <li><a class="download2 mangotepPelangi" href="URL_BAPAK" target="_blank">Link Download</a></li>
    <li><a class="premium mangotepPelangi" href="URL_BAPAK" target="_blank">Source Theme</a></li>
  </ul>
</div>
<div class="clear"></div>

Ganti tulisan : URL_BAPAK dengan url Anda

• Link Demo
• Link Download
• Source Theme

Ini juga Syntax Highlighter untuk nge-post Html, CSS, JavaScrip dan JQuery

<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> ... kode HTML (yang sudah di`escape`) di sini ... </code></pre>
<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>
<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> ... kode jQuery di sini ... </code></pre>

Untuk Tampilan Kaya Note atau Quote sudah auto tingal klik Quote

hasil nya seperti di bawah : 

sesxy itu luar biasa sangat sangat suuuuuper keren 

• Link Download Invert Grid Sudah di Edit
• Link Download Invert Grid Original
• Versi Premium Invert Grid