New Blogger Themes | Professional Blogspot Templates

NewBloggerThemes.com
Free Blogger Templates for your blog. Download New Blogger Themes,Professional XML Blogspot Templates with in 1, 2 or 3 columns layouts for Free.
Premium Blogger Templates

Fortunato 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, 1 Sidebar, Adapted from Wordpress, Brown, Featured Section, Fixed width, Left Sidebar, Magazine, Minimalist, Pro Version Available, Responsive, Top Navigation Bar, White, Yellow,
Template Name:
Fortunato
Author / URL:
NewBloggerThemes | https://newbloggerthemes.com/
Designer / URL:
CrestaProject | http://crestaproject.com/
Published Date:
May 31, 2015
Advanced Details:
https://newbloggerthemes.com/fortunato-blogger-template/

Fortunato Free vs. Pro Versions : Features Comparison

Features Free Version PRO Version
Template Designer Compatible
(Color Options / Font Options / Background Support)
Search Engine Optimized
Remove Footer Credits
Priority Support
No Encrypted Scripts
Lifetime Theme Updates
For Unlimited Domains

Fortunato is a modern and minimal, fully responsive Blogger Theme with a large column in the center of the screen, and the sidebar that appears when you click on the appropriate button, web fonts, social icons, share buttons, top drop down navigation menu, related posts and more.

How To Add Links to Top Navigation Menu

Menu - Fortunato Blogger Template

Find this in "Edit HTML":

<ul class='menunbt' id='primary-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='#'>Uncategorized</a></li>

</ul>

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

How To Change Header Image

Find this image address:

http://2.bp.blogspot.com/-fyeG7-d4Hv8/VWp7BKgltxI/AAAAAAAANY4/D9Scmzx7E0g/s000/fortunato-main-image-example.jpg

Replace it with your header image URL.

How To Configure Social Buttons

Social Buttons - Fortunato Blogger Template

Find this in "Edit HTML":

&lt;div class='socialLinenbt'&gt;
	&lt;a href='#' title='Facebook'&gt;&lt;i class='fa fa-facebook spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;Facebook&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;a href='#' title='Twitter'&gt;&lt;i class='fa fa-twitter spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;Twitter&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;a href='#' title='Google Plus'&gt;&lt;i class='fa fa-google-plus spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;Google Plus&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;a href='#' title='Linkedin'&gt;&lt;i class='fa fa-linkedin spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;Linkedin&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;a href='#' title='Instagram'&gt;&lt;i class='fa fa-instagram spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;Instagram&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;a href='#' title='YouTube'&gt;&lt;i class='fa fa-youtube spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;YouTube&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;a href='#' title='Pinterest'&gt;&lt;i class='fa fa-pinterest spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;Pinterest&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;a href='#' title='Tumblr'&gt;&lt;i class='fa fa-tumblr spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;Tumblr&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;a href='#' title='RSS'&gt;&lt;i class='fa fa-rss spaceLeftRightnbt'&gt;&lt;span class='screen-reader-text'&gt;RSS&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;
	&lt;div class='openSearchnbt'&gt;&lt;i class='fa fa-search'/&gt;&lt;/div&gt;
&lt;/div&gt;

Add your own social links replacing "#" marks.

Fortunato Blogger Template Sidebar Area

Toggle Sidebar - Fortunato Blogger Template

Fortunato Blogger Template Responsive View

Responsive Fortunato 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

Featured Blogger Themes

These Blogger Themes are compatible with "Blogger Template Designer" (you can change the background, colors and fonts easily without editing HTML) and are optimized for search engines.

38 Responses to “Fortunato Blogger Template”

  1. Love the theme! Is there a way to remove the header image from specific pages or only have it on the home page?

  2. I was wondering... is it possible to replace the header text with an image and keep it centralised? When I replace the text the image is in the left side of the page and not center...Is there a way to changethis?

  3. hello, excellent staff my question: Is it possible to give click to one input gently deslize her? I mean that by giving click any article shows the cover image at large and must give the mouse wheel to see that entry, has many users (in my case) to load but show the cover image you give the feeling that no charge article
    Thank You

  4. Hello! I am in love with this design, but I have problems with getting rid of the gray squares on the header.. And I also wondered how to get rid of the text on the header?

    • to remove gray squares, remove these 2 lines from the template:

      background-color: rgba(108,108,108,.4);
      background-image: url(http://3.bp.blogspot.com/-6litCSpp1ZI/VWp7ACKMUjI/AAAAAAAANYw/FtZAAxXxiYg/s1600/overlay.png);

  5. Hi, I'd like to remove the post option from the theme, I mean, it would not be shown in any page anymore. How to do it?
    Thanks in advance,
    Marcos

  6. Nice site! I have a question, though.
    How do you add more lines in the entry post before cutting it to read more? Thanks.

  7. Hi, how can I remove the blog title or make it invisble? I just want to have only image on header with no text. Please, help me 🙂

    • find this line:

      $('.site-headernbt, .site-brand-mainnbt').css('height', windowHeight);

      replace it with:

      $('.site-headernbt, .site-brand-mainnbt').css('height', windowHeight/2);

      It will make header height half size.

    • Lets say you need to add "Stumbleupon" button. Add below code for that:

      <a href='#' title='Stumbleupon'><i class='fa fa-stumbleupon spaceLeftRightnbt'><span class='screen-reader-text'>Stumbleupon</span></i></a>

      Check this link for all buttons:

      http://fontawesome.io/icons/

  8. Hi,
    i have some problems with configuration of social buttons.
    it's impossible to remove some logos like Pinterest or tumblr. I was checking html but i couldnt find it via wordpress editor.

    how can i remove some logos? is there any easy way to change it? 🙂
    where i can fing socialLine?

Leave a Reply