Panduan Setting Template Evo Magz Revolution

Disini saya akan menjelaskan mengenai panduan cara mensetting tempate EvoMagz Revolution yang saya buat.

A.Cara Pasang Tempate EvoMagz Revolution pada Blogger

Petama buka dan login pada situ blogger.com, setelah itu, pilih menu Tema, lalu klik tombol Backup/Pulihkan, seperti pada gambar berikut ini:

Selanjutnya, klik Choose File,  pilih file template.xml yang ingin kalian pasang, lalu klik Upload.

Jangan lupa, untuk mengubah tampilan selulernya ke tampilan responsive design, caraya klik Tombol Gear, seperti pada gambar berikut ini:

Pilih, Tidak. Tampilkan tema desktop di prangkat seluler.

B.Megedit Menu Navigasi Di Atas Header

Untuk mengedit menu navigasi pada bagian atas header cukup menekan tombol CRTL+F, lalu cari kode primary_navigation:

<!-- primary_navigation menu start -->
       <ul class='nav-menu'
     <li><a href='#'>About</a></li>
     <li><a href='#'>Contact</a></li>
     <li><a href='#'>Privacy</a></li>
     <li><a href='#'>Disclaimer</a></li>
                          <li><a href='#'>TOS</a></li>
     <li><a href='#'>Sitemap</a></li>
       </ul>
    <!-- primary_navigation menu end -->  

Ubah simbol # dengan link tujuan dan nama masing-masing menu tersebut.

C.Megedit Social Media Button

Untuk mengedit Social media Button cukup menekan tombol CRTL+F, lalu cari kode social_media_button:

<!-- social_media_button start -->
    <ul class='nav-social'>
           <li><a class='join' href='#' rel='nofollow' title='Join This Site'><i class='fa fa-sign-in fa-2x'/></a> 
     </li>
                  <li><a class='fcb' href='#' title='Facebook'><i class='fa fa-facebook-square fa-2x'/></a>
     </li>  
                  <li><a class='gpl' href='#' rel='nofollow' title='Google Plus'><i class='fa fa-google-plus-square fa-2x'/></a>
     </li>
    <li><a class='gpl' href='#' rel='nofollow' title='Youtube'><i class='fa fa-youtube-play fa-2x'/></a> 
     </li>
    </ul>
    <!-- social media button end -->

Ubah simbol # dengan link  URL social media kalian.

D.Megedit Menu Navigasi Di Bawah Header

Untuk mengedit menu navigasi pada bagian bawah header cukup menekan tombol CRTL+F, lalu cari kode secondary_navigation:

<!-- secondary_navigation menu start -->
 <ul class='nav nav-menu2'>
 <li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>
 <li><a href='#'>Menu1</a>
            <ul>
        <li><a href='#'>Submenu1</a><ul>
               <li><a href='#'>Submenu1</a></li>
               <li><a href='#'>Submenu2</a></li>
               <li><a href='#'>Submenu3</a></li></ul></li>
        <li><a href='#'>Submenu2</a></li>
          </ul>
 </li>
        <li><a href='#'>Menu2</a><ul>
            <li><a href='#'>Submenu1</a></li>
            <li><a href='#'>Submenu2</a></li>
         </ul></li>
        <li><a href='#'>Menu3</a></li>
        <li><a href='#'>Menu4</a></li>
        <li><a href='#'>Menu5</a></li>
 <li><a href='#'>Menu4</a></li>
 </ul>
 <!-- secondary navigation menu end -->

Ubah simbol # dengan link tujuan dan nama masing-masing menu tersebut.

E.Mengatur Form Berlangganan

Untuk mengatur form berlangganan cukup menekan tombol CRTL+F, lalu cari kode Kotak_berlangganan:

<!-- Kotak_berlangganan -->

<div class='berlangganan-box'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post'  onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=WildanTechnoArt&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<p>Berlangganan Untuk Menerima Update Terbaru:</p><p><input class='email-address' name='email' placeholder='Your email address...' type='text'/></p><input name='uri' type='hidden' value='WildanTechnoArt'/>
<input name='loc' type='hidden' value='en_US'/>
<p><input class='submit-email' type='submit' value='Subscribe'/></p>
</form>
</div>

Edit text dengan background berwarna orange dengan ID feedburner kalian.

F.Setelan Disqus pada Template

Untuk mengatur setelan Disqus, cukup menekan tombol CRTL+F, lalu cari kode komentar_disqus:

<!-- komentar_disqus -->  

<div class='comment-form'>
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/KompiAjaib/kompi-html/master/amp_html_disqus.html?shortname=http-www-wildantechnoart-net&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=e8554e&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
<div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div>
</amp-iframe>
    <a name='comment-form'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>

Edit text dengan background berwarna orange dengan username Disqus kalian.

G.Setelan Google Analytics

Untuk mngatur setelan Google Analytic cukup menekan tombol CRTL+F, lalu cari kode google_analytics:

<!-- google_analytics -->

<amp-analytics id='analytics1' type='googleanalytics'>
<script type='application/json'>
{
  &quot;vars&quot;: {
    &quot;account&quot;: &quot;UA-xxxxxx-1&quot;
  },
  &quot;triggers&quot;: {
    &quot;trackPageview&quot;: {
      &quot;on&quot;: &quot;visible&quot;,
      &quot;request&quot;: &quot;pageview&quot;
    }
  }
}
</script>
</amp-analytics>

Ubah simbol UA-xxxxxxx-1 dengan ID Google Analytics kalian.

H.Setelan SEO Meta Tags

Untuk mngatur setelan SEO Meta Tags cukup menekan tombol CRTL+F, lalu cari kode SEO_meta_content:

<!-- SEO_meta_content -->

<meta content='xxxxxxxxxx' name='yandex-verification'/> <!-- Yandex -->
<meta content='xxxxxxxxxx-xxxxxxxxxx' name='google-site-verification'/> <!-- Google -->
<meta content='xxxxxxxxxx' name='msvalidate.01'/> <!-- Bing -->

Masuka id webmaster kalian.

I.Memodifikasi Tampilan Template

Caranya sangatlah mudah, silakan masuk ke Dashboard blogger > Template > Sesuakan > Setelah itu klik “Tingkat Lanjut”.