New Mashable Blogger Template

05:20


Live Demo

New Mashable blogger template is designed for technology blogs, We try out best to give this theme unique and professional look, by looking at name of this theme you will think that this template is copy of famous technology blog mashable.com , but I want to clarify that this theme is codded by us and we don't use a single line of code of any website.

Key Features


  1. 3 column footer: We have added beautiful 3 column footer to this theme, it will help you to add more widget to your blog footer with an awesome layout.
  2. Grid Post Layout: We are using an awesome jquery grid layout plugin in this theme which automatically arrange post with proper layout.
  3. Floating Menu: At top of this theme we have added good looking jQuery drop down navigation menu which contain search box and social media sharing buttons.
  4. Seo Friendly: This theme scores 91 out of 100 in google PageSpeed Insights, We have also optimized this theme well for better seo by changing h3 post title to h2 and by adding meta tags.
More Features: Custom Popular Post Widget, Adsense Ready, Social Sharing Buttons, Seo Friendly, Threaded Comment Style and much more.

Customize Drop Down Menu


Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<div class="mashmenu"><ul><li><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li>
<a href="#"> Portfolio</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Web Development</a></li>
<li><a href="#">Illustrations</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments