EtipMagazine - Magazine Template for Blogger

EtipMagazine is my first Blogger Template with magazine style and clear layout. I hope that this template fulfill your loving tech, computer...

Demo Download

Feature

• Magazine Style
• Dark/Light scheme theme
• Dropdown Menu
• Recent Post with Label
• Compatible Browsers: IE 10, Chrome, Firefox, Safari, Opera.
• Responsive template

Version

• 1.00. 2/13/2013 - Publish
• 1.01. 2/14/2013 - Compatible with Opera
• 1.02. 2/20/2013 - Add responsive
• 1.03. 2/27/2013 - Fix Layout settings

Settings

1. Dropdown Menu:

Go to Template > Edit HTML > Find the below code:

<div id='menu'>
 <div class='menu'>
  <li><a href='/'>Home</a>
   <ul>
    <li><a href='#'>Contact</a></li>
    <li><a href='#'>About us</a></li>
   </ul>
  </li>
  <li><a href='/'>Computer</a>
   <ul>
    <li><a href='#'>PC</a></li>
    <li><a href='#'>Laptop</a></li>
    <li><a href='#'>Devices</a></li>
   </ul>
  </li>
  <li><a href='/'>Hardware</a>
   <ul>
    <li><a href='#'>CPU</a></li>
    <li><a href='#'>GPU</a></li>
    <li><a href='#'>RAM</a></li>
   </ul>
  </li>
  <li><a href='/'>Software</a>
   <ul>
    <li><a href='#'>Office</a></li>
    <li><a href='#'>Desktop</a></li>
    <li><a href='#'>Programing</a></li>
   </ul>
  </li>
 </div>
</div>

Add your URL and the title. After finish, Save template.

2. Social Networks

Go to Template > Edit HTML > Find the below code:

<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij8aTzTI2DzaS_mIpJNcWeiZVdhZ77nCko66iMzUz89NB1DHuFuXJ8VvWOOHwenRpEkCQateDSVUUw6P-Eye_Ndmv3TlB8GcXsrGqvaoErnddXasU5D8o7sVhMaN2gfJ7owmqARhlAXmnZ/s128/Fb.png'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVn9cKHIRr9VxufCrSUQIr-a8R636_-bcXV4HtVTW-MtMCKdqchC-7rbVYbdygtR891eaQNrj17HPg0GZ2XiXqMtuSGHt748XeQWxGjMVZ0X-EOqtqC0agrvvZ_6VIMw0e3eeuzLXxLpV/s128/RSS.png'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYBt3BLCHb82LyPKJjxnKTSiXS75xPWpYsTfxPlqsxDJKwH5YinrI-a-t9fOl4nRFNpczWwjcd8Dajv_lUOFFDz2am-27Etwk4nI-N2nqG53NNMgpj0sZ6ZLw15CMRQMWK5-eTa_fVp5tE/s128/Tt.png'/></a>

Replace # with your Facebook, RSS feed, Twitter links.

3. Recent Post Widget

Go to Layout and edit the HTML/JavaScript Widget with this content and save.

<div class='recentpost'>
<script charset="UTF-8" type='text/javascript' src='/feeds/posts/default/-/LabelName?alt=json-in-script&callback=rcp'/></script></div>

This is my first responsive template. If it have any bug, please comment for me, i'll fix it soon with all my best.