RespoAum Responsive Blogger Template

RespoAum adalah template Blogger yang paling canggih dengan desain dan tata letak Responsif. RespoAum tidak menggunakan Bootstrap atau kerangka pihak ke-3 lainnya, RespoAum dirancang dengan kerangka kerja saya sendiri.

• Demo
• Download

Featured

• Desain Responsif: Template ini sepenuhnya responsif dengan banyak fitur, Seperti kita semua tahu bahwa pasar PC akan turun dan pengguna akan cenderung menggunakan smartphone dan tablet untuk surfing net. Template ini cocok pada setiap layar yang akan membantu agan untuk meningkatkan traffic blog agan.
• Multi Level Drop Down Menu: Template ini juga memiliki menu penurunan bertingkat (Dropdown) yang sepenuhnya responsif dan mengubah desain sesuai dengan ukuran jendela.
• Seo Friendly: Template ini benar-benar brilian untuk mesin pencari. Template ini memuat sangat cepat dan juga RespoAum telah merubah h3 tag judul posting ke h2.
• Social Buttons Share: RespoAum telah menambahkan tombol berbagi sosial di bawah setiap posting blog dengan keselarasan & desain ini akan membantu agan untuk meningkatkan visibilitas blog agan di jaringan sosial.

Fitur Lebih: Share Button Sosial, Halaman Navigation Menu bernomor, jQuery, Threaded Comment dan banyak lagi.

Customize Drop Down Menu

Pergi ke Blogger.com >> Template >> Edit HTML >> Lanjutkan. Sekarang mencari coding berikut dalam template. Setelah menemukan Ganti # dengan URL Anda dan Simpan template.

<nav class='dark w-shadow'>
 <div class='nav-container'>
  <ul class='nav-menu slideUp w-divider'>
    <li> <a href='#'>Home</a> </li>
   <li class='nav-dropdown'>
    <a href='#'>About <span class='s-button s-collapse-trigger' href='#'>+</span></a>
  <ul>
   <li>
    <a href='#'>Sub Item 1 <span class='s-button s-collapse-trigger' href='#'>+</span></a>
   <ul>
  <li><a href='#'>Sub Item 1</a></li>
   <li>
    <a href='#'>Sub Item 2 <span class='s-button s-collapse-trigger' href='#'>+</span></a><ul>
   <li><a href='#'>Sub Item 1</a></li>
  <li><a href='#'>Sub Item 2</a></li>
 <li><a href='#'>Sub Item 3</a></li>
  <li><a href='#'>Sub Item 4</a></li>
   <li><a href='#'>Sub Item 5</a></li>
    </ul>
   </li>
   <li><a href='#'>Sub Item 3</a></li>
  <li><a href='#'>Sub Item 4</a></li>
   <li><a href='#'>Sub Item 5</a></li>
    </ul>
   </li>
  <li><a href='#'>Sub Item 2</a></li>
 <li><a href='#'>Sub Item 3</a></li>
  <li><a href='#'>Sub Item 4</a></li>
   <li><a href='#'>Sub Item 5</a></li>
    </ul>
    </li>
   <li> <a href='#'>Action</a> </li>
  <li> <a href='#'>Research</a> </li>
   <li> <a href='#'>More</a> </li>
    </ul>
    <a class='s-button s-collapse-trigger' href='#'>+</a>
  </div>
</nav>