Perfetta Blogger Template

Customization Services

Want a unique look for your website? We can customize this theme according to your needs.

Advertisements
Theme Categories: 1 Column, 3 Column Footer, Adapted from Wordpress, Black, Elegant, Fixed width, Fresh, Magazine, Minimalist, No Sidebar, Red, Responsive, Top Navigation Bar, Web 2.0, White,
Template Name:
Perfetta
Author / URL:
NewBloggerThemes | http://newbloggerthemes.com/
Designer / URL:
GavickPro | http://www.gavick.com/
Published Date:
September 15, 2014
Advanced Details:
http://newbloggerthemes.com/perfetta-blogger-template/

Perfetta is beautiful, SEO friendly, single column, minimal and responsive Blogger template. Perfetta Blogger template has top dropdown menu, social icons and post share links, 3 columns footer, custom post timestamp, Google fonts and more.

How To Add Links to Main Navigation Menu

Main Menu - Perfetta Blogger Template

Find this in "Edit HTML":

<ul class='nav-menunbt'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Add Links to Mobile Navigation Menu

Mobile Menu - Perfetta Blogger Template

Find this in "Edit HTML":

<ul class='nav-aside-menu'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Blogger Timestamp Format

Timestamp Format - Perfetta Blogger Template

Read this tutorial: http://newbloggerthemes.com/blog/fix-posted-date-undefined-error-blogger/

How To Configure Social Buttons

Social Buttons - Perfetta Blogger Template

Find this in "Edit HTML":

<ul class='social-menunbt' id='menu-footer-menunbt'>
	<li class='icon-gplus'><a href='#'>Facebook</a></li>
	<li class='icon-fb'><a href='#'>Facebook</a></li>
	<li class='icon-twitter'><a href='#'>Twitter</a></li>
	<li class='icon-pinterest'><a href='#'>Pinterest</a></li>
	<li class='icon-youtube'><a href='#'>Youtube</a></li>
	<li class='icon-email'><a href='mailto:you@youremail.com'>Youtube</a></li>
	<li class='icon-rss'><a href='#'>RSS</a></li>
</ul>

Add your own social links replacing "#" marks.

Perfetta Blogger Template Responsive View:

Responsive Perfetta Blogger Template

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.

Advertisements

Most Popular Themes

These are our most downloaded free Blogger templates. So I created premium versions of these themes. If you are satisfied with free versions of these themes, you can go for premium versions. Premium versions are compatible with "Blogger Template Designer" (which means you can change the background, colors and fonts very easily without editing HTML) and more "Search Engine Friendly".

11 Responses to “Perfetta Blogger Template”

  1. Hello,

    Thanks for your template. It's nice. I have a question though. In the mobile version, the menu will not scroll up. When I try to scroll it, the main page scrolls up instead. How can I fix this since I have a long menu. Thank you.

    Sabith

    • find this:

      <ul class='nav-menunbt'>

      <li><a expr:href='data:blog.homepageUrl'>Home</a></li>

      ...

      </ul>

      replace it with:

      <ul class='nav-menunbt'>

      <li><a href='#'>Link 2</a></li>
      <li><a href='#'>Link 2</a></li>
      <li><a href='#'>Link 3</a></li>
      <li><a href='#'>Link 4</a></li>
      <li><a href='#'>Link 5</a></li>

      </ul>

Leave a Reply