Categories
magazine Responsive

Responsive Blogger Template : BeriMagz

Responsive Blogger Template : BeriMagz

All About Blogspot Templates : Blogger template ini saya dapat dari blog milik +Fajri Andaviar di http://fajriandaviar.blogspot.com. Menurut dia, theme blog ini memiliki fitur yang responsive sekaligus juga ringan (fast loading). Menurut saya, template ini keren dan layak untuk di share kepada para blogger.

Template magazine responsive ini bernama: BeriMagz 

DemoView   |    DownLoad
Tertarik? Berikut tutorial untuk mengganti fitur BeriMagz Blogger Template: 

1. Untuk Mengganti Menu Atas

<div id='top-menuwrapper'>
<div id='top-menuwrap'>
<div id='top-menu'>
<ul>
<li><a href='/' style='background:#D12F2F'><i class='icon-home icon-2x'
style='margin-bottom:9px'/></a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
</ul>
</div></div></div>

2. Untuk Mengganti Menu di Bawah Header Cari Code Berikut:


<nav id='menu'>
<input type='checkbox'/>
  <label><i class='icon-reorder'/><span>Navigation</span></label>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='dropdown' href='#'>Drop Menu</a>
<ul class='menus'>
 <li><a href='#'>Drop Menu 1</a></li>
 <li><a href='#'>Drop Menu 2</a></li>
 <li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a class='dropdown' href='#'>Drop Menu 1</a>
<ul class='menus'>
 <li><a href='#'>Drop Menu 1</a></li>
 <li><a href='#'>Drop Menu 2</a></li>
 <li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
       </ul>
    </nav>

3. Untuk mengganti List Social, cari kode berikut:


<div class='social-tooltip'>
<ul>
<li class='pinterest'><a href='/'><i class='icon-pinterest'/></a></li>
<li><a class='twitter' href='/'><i class='icon-twitter'/></a></li>
<li><a class='linkedin' href='/'><i class='icon-linkedin'/></a></li>
<li><a class='facebook' href='/'><i class='icon-facebook'/></a></li>
<li><a class='gplus' href='/'><i class='icon-google-plus'/></a></li>

19 replies on “Responsive Blogger Template : BeriMagz”

Templates Responsive selain lebih hidup dan menarik, juga mampu menyesuaikan tampilannya dengan gadget atau layar monitor yang digunakan oleh visitor. Itulah kenapa diberi nama responsive, karena kira-kira artinya template yang mampu merespon gadget atau alat yang digunakan oleh pengunjung.

Leave a Reply

Your email address will not be published. Required fields are marked *