Naima - Free Blogger template

11/25/2016

I think it's time I let this template go. I've been working on it for a couple of days now and I love it so much I will probably use a variation of it in the spring, or whenever I feel like the glam needs to give way to light and fresh colors. :)
I'll add that the inspiration for this design came mostly from my newly found favorite blog Bloomin' Rouge, I adooore her design and everything else about her blog. [Yes, you should go over there & subscribe. You're welcome.]
This template is btw based on my favorite classic Blogger template Minima, but don't worry, it works just perfectly in 2016. ;)

So here's the template:



Demo     Download


What I really love with this template is the soft, feminine & airy feel to it, but also some of the cool features, such as:

- Responsive

- Navigation menu that sticks to the screen as you scroll down, so your readers always have your menu easily accessible.

- Navigation bar background color can be easily changed in the design editor, and it automatically changes the background color of the "read more"-button and the email subscribe button too, so the colors always match. Oh, and it changes the comments reply buttons too.

- Stylish popular posts widget with large images, minimalist yet adds color to the layout. (Bloomin' Rouge, thank you!)

- Customized search bar, because the default Blogger one isn't so very pretty, unfortunately.

- Customized Email subscribe, a minimalist style that suits the design perfectly.

- Customized comments section.

- Share buttons only on post pages, to keep a clean and simple look. Also, remember to remove all elements from the blog post footer except comment link and labels. This is easily done on the Layout page, no coding involved. :)

- As with the sharing widget, the social media icons in the profile are actually fonts, so they always stay crisp and clear no matter which device you see them on. They also always match the font color you use.

- Customized Pinterest widget.

- The "read more"-feature is NOT automatic, so if you prefer full posts on the front page, don't worry. :) 


So let's talk about the codes you need to use. Most of the widgets are already imbedded in the template, such as the Popular Posts widget, BUT some need to be added by adding them in the layout section as widgets. 

The codes for the social icons in the profile:

<a class="icon" href="LINK" title="Follow with Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
<a class="icon" href="LINK" title="Follow with Facebook" target="_blank"><i class="fa fa-facebook"></i></a>
<a class="icon" href="LINK" title="Follow with Instagram" target="_blank"><i class="fa fa-instagram"></i></a>
<a class="icon" href="LINK" title="Follow with Google Plus" target="_blank"><i class="fa fa-google-plus"></i></a>
<a class="icon" href="LINK" title="Follow with Bloglovin" target="_blank"><i class="fa fa-heart"></i></a>
<a class="icon" href="LINK" title="Follow with Pinterest" target="_blank"><i class="fa fa-pinterest"></i></a>
<a class="icon" href="LINK" title="Follow with YouTube" target="_blank"><i class="fa fa-youtube"></i></a>
<a class="icon" href="LINK" title="Follow with Tumblr" target="_blank"><i class="fa fa-tumblr"></i></a>
<a class="icon" href="LINK" title="Follow with RSS" target="_blank"><i class="fa fa-rss"></i></a>
<a class="icon" href="mailto:LINK" title="Email Me" target="_blank"><i class="fa fa-envelope"></i></a>

Replace the LINK in every line with the link to your own profile. Simply remove the lines of the icons you don't want. Credit for the code: These Paper Sites. More info there if you want to change the colors or size of the icons. I highly recommend that site btw for everything related to blog design.

Codes for the customized Pinterest Widget:

Go over to Kayluxedesign for the code and instructions, I tried to paste it in here but the javascript turns out wrong in the post so I guess we're not doing that. :)

Code for the search bar:

<div id='search'>
    <form action='/search' id='searchform' method='get'>
        <input id='searchsubmit' type='submit' value='Search'/>
        <input id='s' name='q' placeholder='Type & hit Enter' type='text' value=''/>
    </form>
</div>

Simply add it as a HTML widget where you want it on your blog. These Paper Sites gets the credit for this code too.
You can btw change the "Type & hit Enter" to whatever you want.

...aaaaand that's it, folks! As always, change what you like, just leave the footer credit link as it is, and don't forget to share this post by using the handy little buttons below. ;)
Also you might want to check out my little freebie roundup where I share a template, a pack of watercolor social icons and background borders to spice up your blog! Hope you find something you like. :)

Sharing this post with Sincerely, Paula, The Sits Girls, Dare to share Saturday

author image

Therese

En rätt kaotisk bloggerska med tankarna åt alla håll. Delar med mig av vardag, viktnedgång, träning, bloggdesign och annat kul. Hoppas att du hittar något av intresse!

Follow

You Might Also Like

1 kommentarer