N Light Redesign Template Documentation

Untuk cara pemasangan template ini sama seperti blog N light, karna tidak ada perubahan yang signifikan dari template ini,

Berikut untuk pemasangan templatenya.
1. Login Blogger > Tema > klik Edit HTML
2. Backup template lama Anda, jika Anda tidak menyukai template ini Anda bisa merestore kembali. lalu klik Cadangkan/Pulihkan
3. Kemudian cari file XML yang Anda download tadi dan tekan Upload.

Customize Theme

Navigation

1. Buka Blogger > Tema > klik Edit HTML

2. Cari dan ganti semua kode '#' tanpa tanda petik dengan link Anda

<div class='page_menu_wrapper'>
<div class='maxwrap'>
<nav class='page-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
 <ul>
   <li><a href='#' itemprop='url' title='About'><i class='fa fa-user'/> <span itemprop='name'>About</span></a></li>
   <li><a href='#' itemprop='url' title='Contact'><i class='fa fa-envelope'/> <span itemprop='name'>Contact</span></a></li>
   <li><a href='#' itemprop='url' title='Privacy'><i class='fa fa-info-circle'/> <span itemprop='name'>Privacy</span></a></li>
   <li><a href='#' itemprop='url' title='Sitemap'><i class='fa fa-bars'/> <span itemprop='name'>Sitemap</span></a></li>
    </ul>  
    <div class='clear'/>
</nav>
<div class='sosial-atas'>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Facebook'><i class='fa fa-facebook'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Twitter'><i class='fa fa-twitter'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Google+'><i class='fa fa-google-plus'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Youtube Channel'><i class='fa fa-youtube-play'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Instagram'><i class='fa fa-instagram'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Follow Our Linkedin'><i class='fa fa-linkedin'/></a>
  </li>
  <li class='menu-item'>
    <a href='#' rel='nofollow' target='_blank' title='Contact Our Admin'><i class='fa fa-phone'/> +1234567-891011</a>
  </li>
  <li class='menu-item'>
    <a href='https://www.blogger.com/follow-blog.g?blogID=6355813876215224659' rel='nofollow' target='_blank'><i class='fa fa-user'/> Join with us</a>
  </li>
</div>
<div class='clear'/>
</div>
</div>

3. Cari dan ganti semua kode '#' tanpa tanda petik dengan link Anda dan ganti Menu dan Submenu dengan kata Anda

<nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
        <a class='menu-hanap' href='#'><i class='fa fa-list'/> Menu</a>
        <ul class='shnav shareink-mainmenu'>
          <li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
          <li><a href='#' itemprop='url'><span itemprop='name'>Menu</span></a>
    <ul>
      <li><a href='#'>Submenu</a></li>
<li><a href='#'>Submenu</a></li>
<li><a href='#'>Submenu</a></li>
<li><a href='#'>Submenu</a></li>
<li><a href='#'>Submenu</a></li>
    </ul>
  </li>
  <li><a href='#' itemprop='url'><span itemprop='name'>Redmi</span></a>
    <ul>
<li><a href='#'>Submenu</a></li>
<li><a href='#'>Submenu</a></li>
<li><a href='#'>Submenu</a></li>
      <li><a href='#'>Submenu</a></li>
      <li><a href='#'>Submenu</a></li>
<li><a href='#'>Submenu</a></li>
<li><a href='#'>Submenu</a></li>
    </ul>
    </li>
  <li><a href='#' itemprop='url'><span itemprop='name'>Menu</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu</span></a></li>
  <li><a href='#' itemprop='url'><span itemprop='name'>Menu</span></a></li>
  </ul>
        <form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='ifundefinedthis.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='ifundefinedthis.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/></td>
          <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
      </nav>

Seo Meta Tag
1. Buka Blogger > Tema > klik Edit HTML
2. Cari dan ganti xxxxx dengan keterangan blog Anda (jika tidak diperlukan hapus atau dibiarkan saja)

<meta content='xxxxx' name='keywords'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='xxxxx' name='Author'/>
<meta content='xxxxx' property='og:description'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

Iklan di Postingan
1. Cari dan ganti tulisan ini
<!-- Kode Banner/Iklan Anda Di sini -->

Dengan skrip kode iklan Anda, sebelumnya kode harus di parse terlebih dahulu.

Page Navigation
1. Cari dan ganti angka 5 pada kode postperpage=5 dengan jumlah post yang ingin ditampilkan di tiap halaman.

var postperpage=5;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";

Syntax Highlighting
1. Untuk menambah Syntax Highlighting di postingan, tambahkan kode <pre><code></code></pre> dan isi kode (HTML, CSS, JavaScript, jQuery) yang ingin ditambahkan didalamnya.

<pre><code>
---ISI KODE DI SINI--
</code></pre>

Button

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>

Subscribe
1. Cari dan ganti yang telah ditandai dengan Feed Burner Anda

http://feedburner.google.com/fb/a/mailverify?uri=TipsRyand

Sticky Widget
1. Cari dan ganti yang telah ditandai dengan id widget Anda

// Sticky Widget
function makemeStickyundefinede){function tundefined){var e=s.getBoundingClientRectundefined);e.top<0?undefinedn.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementByIdundefinede),s=document.createElementundefined"div");n.parentNode.insertBeforeundefineds,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListenerundefined"scroll",t,!1)}makemeStickyundefined"BlogArchive1");

Ganti juga BlogArchive1 yang ada di CSS

Mungkin itu saja, jika ada pertanyaan silahkan tinggalkan dikomentar, sesegera mungkin akan admin balas. Terimakasih.