Dynamo Multimedia Blogger Template




Live Demo

Dynamo is essentially professional and far high quality 3 column Blogger Template designed for technology blogs, Magazine and news portal. This theme is second version of our famous theme new mashable. We have named it dynamo to give a respect to world's best Magician "Steven Frayne". This theme also has some dynamic features.

Key Features

  • Retina Ready: All images, text and icon in this theme is stretchable and user can see it clearly, We have added a jquery plugin to this theme which automatically resize thumbnail according to their surrounding.
  • Social Media Icons: Some real high quality Social plugins are added by default. You can see them on the main header, below post title, and many other high quality places.
  • Related Post: We have added morden related post widget to this theme which don't stretch images and make it look worst.

Customize Drop Down Menu


We have added multi-level drop down menu to this theme beside header, to customize its text and link follow below steps:

  • Go to blogger dashboard
  • Click on template tab
  • now click on Edit Html button and then using ctrl +f find  <ul class="menus menu-secondary">
  • just below it you will find this code:

<ul class="menus menu-secondary">
<li><a href="/">Home</a></li>
<li><a href="#">Business</a>
<ul class="children">
<li><a href="#">Internet</a></li>
<li><a href="#">Market</a></li>
<li><a href="#">Stock</a></li>
</ul>
</li>
<li><a href="#">Downloads</a>
<ul class="children">
<li><a href="#">Dvd</a></li>
<li><a href="#">Games</a></li>
<li><a href="#">Software</a>
<ul class="children">
<li><a href="#">Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Tech</a>
<ul class="children">
<li><a href="#">Child Category 1</a>
<ul class="children">
<li><a href="#">Sub Child Category 1</a></li>
<li><a href="#">Sub Child Category 2</a></li>
<li><a href="#">Sub Child Category 3</a></li>
</ul>
</li>
<li><a href="#">Child Category 2</a></li>
<li><a href="#">Child Category 3</a></li>
<li><a href="#">Child Category 4</a></li>
</ul>
</li>
<li><a href="#">Featured</a></li>
<li><a href="#">Health</a>
<ul class="children">
<li><a href="#">Childcare</a></li>
<li><a href="#">Doctors</a></li>
</ul>
</li>
</ul>
  • Finally replace all # with links and to change its text edit green one.

Add Labeled Post on 3rd Column


  • Go to blogger dashboard
  • Click on layout tab and add gadget on 3rd column and select Html/JavaScript.


  • Now paste below code in Html/JavaScript.

<div id='featurebottom1'><h2 class='headingfeature'>Technology</h2>
<div class='left-corner-canvas'/>
<script src='/feeds/posts/summary/-/technology?max-results=9&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
<a class='readmoretopic' href='/search/label/technology'>Browse More</a>
</div>
<div style='clear:both;'/></script></div></div>

  • Now replace technology with the label you want to show post of in 3rd column. 

Fix Your Blog Header


We highly recommend you to use image logo as blog header but if you want to show text in your blog header instead of img then your blog header will look creapy, To fix it follow below steps:

  • Go to blogger dashboard
  • Click on Template tab
  • Now click on Edit HTML button
  • Paste below code above </head> tag.
<style>
.header-right {
margin-top: -48px !important;
}
</style>

  • Click on save button. 

NOTE

  1. We highly recommend you to use image logo as blog header.
  2. Don't Show more than 7 post on home page.
  3. We recommend users to show popular post on 1st column at top most position.
  4. Don't remove our credit link or it will redirect your blog here.

Labels: , , , , , , ,