Fictive Blogger Template

Customization Services

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

Advertisements
Theme Categories: 1 Sidebar, 2 Columns, Adapted from Wordpress, Blue, Fixed width, Left Sidebar, Magazine, Minimalist, Red, Responsive, Top Navigation Bar, White,
Template Name:
Fictive
Author / URL:
NewBloggerThemes | https://newbloggerthemes.com/
Designer / URL:
Automattic | http://automattic.com/
Published Date:
October 16, 2014
Advanced Details:
https://newbloggerthemes.com/fictive-blogger-template/

Fictive Blogger template is great responsive blogger theme for your personal blog. Make Fictive theme personal with a custom header image, a Gravatar, and links to your favorite social networks. Fictive Blogger template has a navigation menu, social buttons, left sidebar, custom icons and more.

How To Change Header Image

Header Image - Fictive Blogger Template

Find this in "Edit HTML":

<!-- header image -->
<a expr:href='data:blog.homepageUrl'>
	<img alt='' class='header-imagenbt' height='1000' src='http://2.bp.blogspot.com/-PB65RF6oEH0/VD8tJvJCaJI/AAAAAAAAL9M/q6Y3ZsP7Zgg/s1600/header.jpg' width='1112'/>
</a>

Replace image URL with your new header image URL.

How To Change Avatar

Header Avatar - Fictive Blogger Template

Find this in "Edit HTML":

<!-- header avatar -->
<div class='header-avatarnbt'>
<a expr:href='data:blog.homepageUrl'>
	<img height='70' src='http://4.bp.blogspot.com/-sk6Pqb90eN8/VD8uMgIboFI/AAAAAAAAL9k/BgoLjRz_5hc/s1600/header-avatar.png' width='70'/>
</a>
</div>

Replace that image URL with your avatar image URL.

How To Configure Social Buttons

Social Buttons - Fictive Blogger Template

Find this in "Edit HTML":

<ul class='menunbt' id='menu-social-menunbt'>
	<li><a href='http://www.facebook.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Facebook</span></a></li>
	<li><a href='http://twitter.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Twitter</span></a></li>
	<li><a href='http://plus.google.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>GooglePlus</span></a></li>
	<li><a href='http://instagram.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Instagram</span></a></li>
	<li><a href='http://flickr.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Flickr</span></a></li>
	<li><a href='http://youtube.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Youtube</span></a></li>
	<li><a href='http://pinterest.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Pinterest</span></a></li>
	<li><a href='http://www.linkedin.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Linkedin</span></a></li>
	<li><a href='https://vimeo.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Vimeo</span></a></li>
	<li><a href='https://github.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Github</span></a></li>
	<li><a href='https://dribbble.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Dribbble</span></a></li>
	<li><a href='http://tumblr.com/' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Tumblr</span></a></li>
	<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'><span class='screen-reader-textnbt'>Feed</span></a></li>
</ul>

Add your social profile URLs replacing social media networks homepages URLs.

How To Add Links to Navigation Menu

Navigation Menu - Fictive Blogger Template

Find this in "Edit HTML":

<div class='menu-nbt-menu-container'>
<ul class='menunbt'>

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

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<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='#'>Uncategorized</a></li>

</ul>
</div>

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

Fictive Blogger Template Responsive View:

Responsive View - Fictive 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".

One Response to “Fictive Blogger Template”

Leave a Reply