Mashable Like Template For Blogger

Mashable Like Template For Blogger

• Live Demo
• Download This Theme

Dynamo is essentially professional and far high quality 3 column Blogger Template designed for technology blogs, Magazine and news portal.

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.