BroBlogger: April 2014

Tuesday, April 22, 2014

How to remove Wrench Icon and Pencil Edit link from your blog

In this picture you'll see a Pencil and a Wrench with a Screwdriver below a widget or post well this is an example of your blog displaying quit edit tools. This tools are made for you to do quick editing on your blog, useful though it's very annoying in the eyes. Also other viewers or visitors can see this pencil and wrenches to your blog which leaves an unclean look to your blog. In this post I'm gonna teach you how to hide the Pencil (Quick Edit) and Wrenches (Quick Edit Gadget) from your blog for good. Just follow this steps and you'll see the different look in your blog.

How to Hide Quick Edit Icon

1. Log in to your Blogger Account

2. Go to your Blogger Dashboard.

3. Click the Layout tab and click the EDIT Link for the Blog Post widget.

A pop-up box will appear, unchecked the "Show Quick Editing" then click on save button and your done.

How to Hide Wrench and Screwdriver Icon

1. Log in to your Blogger Account

2. Go to your Blogger Dashboard.

3. Click on Template tab and then click Edit HTML.

4. Click on any where the code and press CTRL+F to open the blogger search box.

Then search this code " ]]></b:skin> ".

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

" .quickedit{display:none;} "

6. Click on Save Template to save the changes. Then click on View Blog to see the changes.

How to adjust your left or right sidebar widget

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.

How to remove or delete labels from blogger post

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.

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

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.

How to remove the empty space left after removing blogger navbar

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.

How to Remove Blogger Navbar

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.

BroBlogger