Panduan Setting Template Evo Magz Revolution


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

Download Template EvoMagz Revolution - Final

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

Edit text dengan background berwarna merah dengan URL tujuan dan warna hijau dengan nama menu yang diinginkan.

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

Edit text dengan background berwarna merah 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 -->

Edit text dengan background berwarna merah dengan link URL tujuan dan warna hijau dengan nama menu yang diinginkan.

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>

Edit text dengan background berwarna orange 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 -->

Edit text dengan background berwarna orange dengan ID pada masing-masing webmaster yang kalian gunakan.

I.Memodifikasi Tampilan Template

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




Disqus Comments