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
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
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
Read this tutorial: https://newbloggerthemes.com/blog/fix-posted-date-undefined-error-blogger/
How To Configure Social Buttons
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:
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
I test the menu in mobile and working fine. this menu is not scrolling up and down, it has different behaviour.
Hi! I love your template. I tried editing the menu titles though, and it didn’t work. Can you help me?
For example, look at the line below:
<li><a href=’#’>Featured</a></li>
Replace “#” mark with a URL and change anchor texts as below:
<li><a href=’https://newbloggerthemes.com/’>Blogger Templates</a></li>
OK fellas, all queries answered. :))
hi, I was trying to modify your template to create a sidebar, but I can’t really manage. Can you help?
for theme customization, please use contact form.
Hi, can I delete the sub in the menu, I just want to make five main page only.
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>
how 'bout header? how to configure it?
Hi, what changes do you need for theme header?