Skip to main content

How to Create Extra Space Between Header Navigation and The Main Body In Blogger



If you are a regular follower of this blog, you would have noticed that the template was changed recently. This was done in order to maintain its design simplicity, uniqueness and easy navigation both on mobile and the desktop view. The template is a default blogger template with a lot of tweaking. Should you need the look-alike template for your blogger blog, do hesitate to use the contact us page.


When customizing the template, creating an extra space between the header section and the main body of the blog was one of the challenges I faced. How was it solved? I had to play with my css skills and voila, I got it solved. It's so cool trying things out, Isn't it?

Creating Extra Space Between Header Navigation and Main Body In Blogger

  • Login to your blogger dashboard
  • Select the blog you want to work on (optional: If you got more than one blog)
  • Backup your blogger template before editing
  • Navigate to "Layout"
  • Click on "Template Designer" (Located at the top of the Layout Page)
  • Navigate to "Advance"
  • Scroll down and locate "Add CSS"
  • Add these line of CSS codes

.main-inner {
margin-top: 14px;
}

  • You can change the digits in red to suit what you need
  • Done.
This is all about creating extra space(s) between the header-navigation section and the main body of a blogger blog. Should you clarification on the discussed topic, do not hesitate to the comment section.




Comments

Popular posts from this blog

Android: How to Download Youtube Videos

Right before now, YouTube videos were downloaded conveniently using the UCBrowser on Android devices but recently, the license placed on YouTube videos have restricted the browser download wizard to perform its wonders. Though, the YouTube had enabled the offline watching of videos but not all videos have this feature, the feature is placed on video according to its owner. This is definitely actually not the best as there are countless reasons why videos need to be downloaded.

Applications have been developed for this task and are all over the internet but here, I am going to share with you the most convenient of all: this has been tested by me which is why I find it worthy to be shared on my blog, the TubeMate.
Why TubeMate is the best? Fast download manager
Easy to use interface
High quality video downloads
How to Download YouTube Videos Via TubeMate  Visit tubemate official website to download the latest version of the application.  Install the application Launch and get familiar …

How to add Email Subscription Widget Below Post

Getting traffic to your blog or website might be one of the easiest thing for you to do but keeping them I challenge you, is one of the toughest things in blogging. There are several methods that can be used for making your readers keep on coming but for this tutorial we will focusing on one, adding email subscription below post.
Email subscription widget at the side bar also does this work but researches have shown that email subscription box below post does best. After a useful article has been read by the visitor, he/she will like to read more and thereby subscribing just immediately after the post making him/her a permanent visitor. How do I do this?
How to add Email Subscription Widget Below Post Get your desired email subscription widget code by searching online. Log in to your blogger account Navigate to Template > edit templateRemember to back up your template Search (using CTRL + F) for <data:post.body/> Place the Email Subscription code after/below the above code

No…

How to Hide Files Using X-Plore on Android Device

Somehow, phone users feel violated when their mobile devices are handled by someone else. This is either because they've got very important files or documents which they don't want a third party to know about on the device or they don't just like their device been handled by any other persons. Behavior of phone users have been studied over the years regarding this issue and it was discovered that this is just the bitter truth. With this being said, a simple tutorial on how to have the free mind of giving out your mobile device to a person without the feeling of being violated is what I shall be writing on today.


This tutorial will be using one of the most commonly used and best file explorer, the X-Plore as the tool for making files or documents invincible. What kind of documents am I talking about here? Pictures, Videos, PDF Files, Microsoft documents and the rest.
Why am I regarding the X-Plore as one of the best? 1. It's simple but complex 2. Attractive User Interf…