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

Beautifully chaotic



Follow

You Might Also Like

10 kommentarer

  1. Beautiful layout! Visiting from SITS!

    SvaraRadera
  2. REGARDS
    THE LIN IN THE TEMPLATE IS FALLEN
    THERE IS ANOTHER WAY TO GET IT
    THANK YOU

    SvaraRadera
  3. the download link for the template doesnt give you an actual template file with code. When i open it there is nothing, and I have tried multiple times on multiple devices. Is there another way to get this template?

    SvaraRadera
    Svar
    1. I don't know what the problem is, I tried to download it now via the link in the post and it works just fine for me. It downloads as an .xml file which you then upload directly in the control panel for your blog.

      Radera
  4. The template shows Continue Reading link in every blog post but when i applied this theme it shows all entire blog with no link.

    SvaraRadera
    Svar
    1. That's because it's not automatic. I didn't want to include it because many people still want the whole post to show.
      How to add "continue reading" to a post: https://support.google.com/blogger/answer/154172?hl=en

      Radera
    2. I'm with difficult to edit "about me", how can I do to put the photo?

      Radera
  5. Hi! I am in love with your template but when I downloaded it and put onto my blog I noticed it is very hard to scroll because the page is moving too quickly to even see anything? Is there anyway to fix it because this template looks perfect to me <3

    SvaraRadera
  6. Hi, this template is beautiful, but I`m having a hard time with the part "about me" my photo is squared, how can I make it a circle?

    Thank you.

    SvaraRadera
  7. I started using this theme today and I love it.
    I wish if it had the 3 highlight boxes after the header.

    SvaraRadera