How to adjust your left or right sidebar widget

0

Your sidebar widget has a fixed position in your blogger. In your blog there some unused space like the top of your sidebar. Adjusting the position of your sidebar maximize and utilize the space left on top. Changing the margin on top of your sidebar enables you to place more widget in your sidebar. In this tutorial I'm gonna teach you where to place the code to adjust the margin of your sidebar.

How to adjust your left or right sidebar widget?

1. Log in to your Blogger account.

2. Go to your blogger Dashboard.

3. Click on Template and click EDIT HTML.

4. Click anywhere inside the code and press CTRL+F to open the blogger search box.

Search this code <b:skin>.

5. Click the three doted line in  <b:skin> and the code within it will start to appear. Now using CTRL+F search Columns to direct you to the Columns code section. Now insert this code.

"    .column-right-inner {margin-top: -100px;}   "    this is for the right sidebar.

"    .column-left-inner {margin-top: -100px;}   " this is for the left sidebar.

NOTE: You can adjust the margin by your preference I just use -100px in my blog.

To get the picture of what I've done look below the picture.

6. Click Save Template to save the changes. Then click View Blog to see the changes in your blog.

                      

Read More »

How to remove or delete labels from blogger post

0

Labels are the one you see below your post other bloggers find this unnecessary, as long as they are  already in the blog sidebar. In this post I will teach you how to manually remove them. To hide labels from the blogger post footer (or below post title), we could simply uncheck the "Labels" option, however, sometimes this setting might not work properly in certain templates and then we'll have to remove it manually from our template.

This is how were going to this:

Removing the labels from blogger

1. Log in to blogger account.

2. Go to your Blogger Dashboard.

3. Click on Template tabs and click EDIT HTML.

4. Click anywhere in the codes and press CTRL+F to open the blogger search box.  Find the this code ]]></b:skin>.

5. Just above ]]></b:skin> paste this code:

                                                    .post-labels {display: none;}

6. Click the  Save Template  button to save the changes and you're done. Click on View Blog to see the changes.

Read More »

How to remove Subscribe to: Post(Atom) from Blogger

0

Subscribe to: Post(Atom)

Subcribe to: Post(Atom) is a link so that the blog visitors can subscribe to the Atom feeds. Now a days many readers use RSS for their blog feeds, many of you could find this link pretty useless. Also the reason why we want this out of our blog because it occupies space at the bottom of the template which doesn't look nice at all.

How to remove Subscribe to: Post(Atom) from Blogger ?

1. Log in to your blogger account.

2. Go to your blogger dashboard.

3. Click the Template tab, then click EDIT HTML.

4. Click anywhere in the codes and press CTRL+F to open the blogger search box.

5. Find this line using the blogger search box.

           

                   "    <b:include data='feedLinks' name='feedLinksBody'/>    "

6. Remove the code and click SAVE Template to save the changes. Then you can click the View Blog button to see the changes.

The Subscribe to: Post(Atom) should no longer be visible in your blogger template.

Read More »

How to remove the empty space left after removing blogger navbar

0

Empty Space Left after removing Blogger Navbar

After removing blogger navbar you will find out that there is a empty space left on top of your header. This is because blogger navbar is occupying some space on top of your blog.

Some bloggers remove they're blogger navbar because it's ugly, old fashion and want they're own navbar. But by removing blogger navbar there still some problem with the space left after removing blogger navbar. In this I will show you how to remove the empty space left after removing blogger navbar.

Removing the empty space left after removing blogger navbar

1. Log in to your blogger account.

2. Go to blogger dashboard.

3. Click the Template tabs.

4.  Click on Edit HTML.

5. Using your browser's search feature (default CTRL+F) search for ]]></b:skin>

6. Just above  ]]></b:skin>  paste this code:

.content-inner {

margin-top: -60px !important; 

}

Note: You can adjust the margin if its a little to much. In my blog I use -30px well it depends on what template your using in blogger.

7.  Click Save Template and you're done. You can now View you're blog and see the change.

Read More »

How to Remove Blogger Navbar

0

Blogger Navbar

Blogger Navbar is blogger's own navigation bar that appears on top of every Blogger-Powered-blog.  This Navigation bar can be handy at times but other people don't like it so they just want it gone.  Also other people want they're own custom navigation bar.

The advantages of it are the following:

- when you click on the B icon, it will take you to blogger.com

- a quick link to your Dashboard and "Sign in /Sign out" dialog

- you can easily search for other blogs

- you can "Flag Blog" (if you consider content of a blog objectionable)

- NextBlog - takes you to a random, recently-updated Blogger blog

The only disadvantage is visual. If you have customized design, Navbar just doesn't fit in.

So how we get rid of it? It is very simple. Just follow the next steps...

Removing The Blogger Navbar

1, Login to your Blogger account, click on your blog and then Layout section.

2. Once you click Layout you'll see a lot of boxes. Try to locate a box with a text Navbar inside and then click the EDIT link.

3. When you click the EDIT a pop up box will show up scroll down and select OFF and then click on Save button

Then your Done. View your blog and you'll notice the blogger navbar disappeared.

Read More »