Responsive Simple Metro Mini Template

Responsive Simple Metro Mini Template - Masih melanjutkan tentang design sederhana dari Metro Mini Template kali ini saya berikan kembali template Flat metro dengan design yang simple dan sederhana untuk template gaya metro style. Hanya sedikit perubahan pada template ini yaitu penambahan multiple drop down menu pada bagian atas blog dan tampilan blog post view.

Fitur Template :

1. Responsive Design portable semua browser
2. Multi drop down menu
3. Tooltip related post
4. Voice search
5. Breadcrumb SEO Friendly
6. Loading blog cepat

• PREVIEW

• DOWNLOAD

Costum menu template :

Cari kode-kode dibawah ini dan ganti tanda # dengan URL yang ingin anda pasang.

 <div id='cssmenu'>
<ul>
   <li class='active'><a expr:href='data:blog.homepageUrl'><span><i class='icon-home'/> HOME</span></a></li>
   <li class='has-sub'><a href='#'><span><i class='icon-link'/> LINK</span></a>
      <ul>
         <li class='has-sub'><a href='#'><span>LINK 1</span></a>
            <ul>
               <li><a href='#'><span>LINK 1.1</span></a></li>
               <li><a href='#'><span>LINK 1.2</span></a></li>
               <li class='last'><a href='#'><span>LINK 1.3</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span>LINK 2</span></a>
            <ul>
               <li><a href='#'><span>LINK 2.1</span></a></li>
               <li><a href='#'><span>LINK 2.2</span></a></li>
               <li class='last'><a href='#'><span>LINK 2.3</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='#'><span><i class='icon-user'/> ABOUT</span></a></li>
   <li class='last'><a href='#'><span><i class='icon-envelope'/> Contact</span></a></li>
</ul>
</div>

<div class='top-menu'>
   <ul id='top-menu'>              
     <li><a href='#'>MENU 1</a></li>              
     <li><a href='#'>MENU 2</a></li>              
     <li><a href='#'>MENU 3</a></li>              
     <li><a href='#'>MENU 4</a></li>              
     <li><a href='#'>MENU 5</a></li>          
   </ul>

Demikian sedikit tentang template blog sederhana Responsive Simple Metro Mini Template.
Happy Blogging

Like THIS :

Share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku