N Light Redesign

Senin, 20 Maret 2017

N Light Redesign Template Documentation

✔ AdminBlog 07.42 3 Comments

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


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.

Otomotif

Proin pellentesque dolor leo.

✔ AdminBlog 02.37 Comment

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus feugiat dui nunc, eu faucibus eros fermentum in. Vivamus rhoncus vitae nisl eget pharetra. Aenean non erat nibh. Nam in volutpat leo. Aenean accumsan pretium tellus et accumsan. Vivamus id tincidunt nibh. Fusce tincidunt justo pulvinar ullamcorper rhoncus. Ut libero erat, commodo ac posuere id, dictum vitae augue. In eros augue, pellentesque sed odio at, consectetur sollicitudin nisl. Cras pulvinar blandit dui, id dapibus dui consequat eget. Proin pellentesque dolor leo. Aenean rutrum pharetra lectus, at mollis nulla suscipit vel.

In hac habitasse platea dictumst. Aliquam erat volutpat. Sed rutrum neque orci. Praesent sed rhoncus neque. Cras elementum non erat nec venenatis. Cras eget enim sed ipsum pretium bibendum eu ac massa. In non hendrerit nibh. Fusce id orci eget est sodales ullamcorper eget non ipsum. Ut volutpat, purus sit amet fringilla volutpat, metus nunc pellentesque felis, varius euismod tellus massa quis nunc. Ut vel enim eget massa imperdiet viverra. In id molestie metus.

Etiam eleifend in sapien nec dictum. Duis fermentum ligula lectus, at fermentum erat sagittis hendrerit. Proin eget lectus non diam ultricies sagittis non eu justo. Morbi quis velit orci. Aenean elit turpis, consectetur eget ornare non, mollis in nunc. Mauris a malesuada dolor, quis imperdiet metus. Ut ut quam scelerisque, posuere lectus non, semper orci. Curabitur mauris turpis, rhoncus et venenatis non, cursus quis nibh. Nunc massa odio, posuere ac ullamcorper a, egestas vitae leo. Nam ut gravida turpis, ac facilisis nibh. Pellentesque sapien purus, finibus in iaculis id, consectetur molestie sapien. Nunc non ultrices sapien, et maximus nulla. Suspendisse eget enim sagittis, lobortis erat sit amet, tempus ligula.

Etiam vestibulum velit eros, et blandit turpis porta nec. Pellentesque eu bibendum sapien. Praesent mattis viverra augue, ut varius purus facilisis vitae. Cras vulputate purus sit amet nibh suscipit gravida. Nulla ut suscipit felis. Mauris accumsan posuere odio, tristique congue nisl consectetur ac. Nunc tempus metus tincidunt eros lacinia sagittis. Nulla euismod ligula nunc, ac congue massa tempus vel. Aenean congue volutpat nibh sit amet convallis. Donec leo lectus, facilisis non luctus quis, placerat nec risus. Duis a porta neque. Integer non interdum massa. Nulla id neque justo. Curabitur nec erat vitae odio pharetra tempus id in sem.

Aliquam consequat vitae risus at venenatis. Nunc quis risus consectetur, faucibus arcu sed, efficitur lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam nunc quam, laoreet id vehicula quis, elementum non metus. Mauris lacinia scelerisque metus, a tempus ligula luctus eget. Sed ullamcorper rutrum tellus, et laoreet mauris ultricies a. Integer a aliquam lectus. Aenean imperdiet scelerisque commodo. Fusce non tempus quam. Nullam rutrum diam augue, id consectetur libero placerat sed. Proin rutrum elementum scelerisque.

Otomotif