Cara Setting Template Blogger Insomnia (Way2Themes)

Insomnia blogger template paling cocok untuk fashion, makeup, harian, dan blog, Pra-instal dengan banyak fitur untuk meningkatkan kehadiran blog Anda. Insomnia dilengkapi dengan berbagai widget yang akan membantu Anda mempublikasikan blog secara lebih profesional. Untuk mempermudah,  telah disediakan dokumentasi terperinci ini, sehingga Anda dapat mengatur blog dengan benar.

Anda dapat melihat demo template atau mengunduh template melalui tombol di bawah ini.

                      Demo Template                      Free Download

Top Navigation
Pada Blogger Klik Theme Dashbord
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

<div id='top_nav'/><!-- top_nav -->
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>      
</div>

Rubah # dengan url Anda

Social Top
Pada Blogger Klik Theme Dashbord
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

<!-- top_social_icons -->
<div class='header_social'>
<a class='' href='http://facebook.com/' target='_blank'><i class='fa fa-facebook'/></a>
<a class='' href='http://twitter.com/' target='_blank'><i class='fa fa-twitter'/></a>
<a class='' href='http://instagram.com/' target='_blank'><i class='fa fa-instagram'/></a>
<a class='' href='http://dribbble.com/' target='_blank'><i class='fa fa-dribbble'/></a>   
</div>

Rubah # dengan url Anda

Main Menu/Dropdown Menu/Multi Dropdown
Pada Blogger Klik Theme Dashbord
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

<!-- nav-menu -->

 <div class='nav-menu'>

  <ul class='blog_menus'>

     <li><a class='current' expr:href='data:blog.homepageUrl'>Home</a></li>

     <li><a href='#'>Category</a>

<ul class='sub-menu'>

<li><a class='' href='#'>Category 1</a></li>

<li><a href='#'>Category 2</a></li>

<li><a href='#'>Category 3</a>

<ul class='sub-menu'>

<li><a href='#'>Category 1</a></li>

<li><a href='#'>Category 2</a></li>

<li><a href='#'>Category 3</a></li>

<li><a href='#'>Category 4</a></li>

<li><a href='#'>Category 5</a></li>

<li><a href='#'>Category 6</a></li>

</ul>

</li>

<li><a href='#'>Category 4</a></li>

<li><a href='#'>Category 5</a></li>

<li><a href='#'>Category 6</a></li>

</ul>

</li>

    <li><a href='#'>Photography</a></li>

     <li><a href='#'>Lifestyle</a></li>

     <li><a href='#'>Archives</a>

    

   </li>

     <li><a href='/p/sample-page.html'>Contact</a></li>

  </ul>

 </div>

Rubah # dengan url Anda

Featured Slider

Akses Layout blog Anda> klik Edit link di widget Featured Slider.

Widget Featured Slider. (Maks posting - 9)

Catatan **: - Label peka terhadap huruf besar kecil.

Contoh Gambar:

Social Footer

Pada Blogger Klik Theme Dashbord
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

<!-- footer_social-icons -->
  <div class='footer_social-icons'>
   <ul>
    <li>
     <a class='btn-facebook' href='#' title='Facebook'><i class='fa fa-facebook'/></a>
    </li>
    <li>
     <a class='btn-twitter' href='#' title='Twitter'><i class='fa fa-twitter'/></a>
    </li>
    <li>
     <a class='btn-gplus' href='#' title='Google Plus'><i class='fa fa-google-plus'/></a>
    </li>
    <li>
     <a class='btn-linkedin' href='#' title='Linkedin'><i class='fa fa-linkedin'/></a>
    </li>
    <li>
     <a class='btn-xing' href='#' title='Xing'><i class='fa fa-xing'/></a>
    </li>
   </ul>
  </div>

Rubah # dengan url Anda

Author Box & Social
Pada Blogger Klik Theme Dashbord
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

<div class='author_description_container'>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu sem ultrices, porttitor mi eu, euismod ante. Maecenas vitae velit dignissim velit rutrum gravida sit amet eget risus. Donec sit amet mollis nisi, nec commodo est.       
</p>

<div class='authorsocial'>
<a class='' href='http://facebook.com/themewich' target='_blank'><i class='fa fa-facebook'/></a>
<a class='' href='http://twitter.com/ajgagnon' target='_blank'><i class='fa fa-twitter'/></a>
<a class='' href='http://dribbble.com/ajgagnon' target='_blank'><i class='fa fa-dribbble'/></a>
<a class='' href='http://instagram.com/ajgagnon' target='_blank'><i class='fa fa-instagram'/></a>            
<div class='clr'/>
</div>

Ganti teks dan tautan yang disorot dengan teks dan tautan milik Anda.

Page Navigation

Pada Blogger Klik Theme Dashbord
Klik Edit HTML
Gulir ke bawah dan Temukan Kode ini:

var postperpage=7;

Ubah 7 dengan nomor yang Anda inginkan

Catatan: - Ingat satu hal Anda harus menjaga jumlah posting yang sama di pengaturan blog Anda dan widget pagination.

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/way2themes" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

Rubah yang disorot dengan alamat fanpage Anda

,