Showing posts with label Blogger Tips and Tricks. Show all posts
Showing posts with label Blogger Tips and Tricks. Show all posts

24 April 2015

Remove Extra Footer Space from Blogger Blogs

To remove extra space from your Blogger blog. First of all login to your blogger account and select your blog. After select your blog follow below steps to do so:
  • Go to "Template".
  • Select "Customize".
  • Select "Advanced" from top left side.
  • Select "Add CSS" from the right side select menu after "Advanced".
Now modify the template and change apply below CSS as per your choice:
#Remove extra spacing from the inner footer.
.footer-inner{
padding: 0px 0px 15px 0px; !important
}
#Remove extra spacing before footer area.
.main-inner{
 padding-bottom: 0px; !important
}
#Remove extra spacing left after removing Navbar.
body .navbar{
height: 0px; !important
}
#Remove extra spacing left after Navbar.
.header-inner .Header .titlewrapper{
padding-top: 10px; !important
}
Here we done I will post some more functionalities for customizing blogger blogs.

Alter Blogger Blog's Post Title

Today I am going to tell you how you can change your blog post title appearance for search snippets. Bloggers default theme uses "Blog Title: Post Title" as a post title for search snippets. But what if your blog title itself is very long and descriptive. It doesn't look good to see long titles even search snippet can show first 60 characters only.

Let's change this, follow below steps:
  • First of all login to your blogger account.
  • Select your "Blog Name" from your account dashboard, now your blog's dashboard will appear.
  • Navigate to left side bar downside and click "Template".
  • Select "Edit HTML" option.
  • Now select the HTML pan and press Ctrl+F and paste below code in that to find this in that code window.
#<title><data:blog.pageTitle/></title>
  • Now select this whole code in code pan and replace it with any of below code. First of all read what this code will do.
#This code will show your post title | blog name
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>
#This code will show post title | My Name
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | My Name</title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>
#This post will show only post title
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>
After select and replacing save you template by clicking "Save Template". I use second and third code mostly for SEO purpose.

Hope you find this post helpful. Stay tune I will bring you awesome stuff for you. Ask and suggest your queries and topics.

23 April 2015

How to Remove Blooger Blogs Navbar

Blogger Navbar is good to have but sometime I feel irritating. So, I look for the solution to remove it and I found it from Help Blogger.
  • It is very easy to remove this, no need of editing code or anything just follow below steps:
  • Login to your Blogger account.
  • Click on your blog to open the back end of your blog.
  • Now navigate to sidebar and click "Layout"
  • Now navigate to right side locate "Navbar" and click on "edit" as shown in image.
Layout Pan
  •  After clicking "edit" a window will popup like like this image blow:
Navbar Edit Popup
  • Now select the last option i.e., "Off" and save.
  • Last step navigate to upper right side and click "Save arrangement"
 Hope you find it better if you don't like that Navbar. Enjoy blogging and sharing.

How to Prevent Country Specific Redirects in Blogger Blogs

When I started blogging I was not aware of this, however as I started blogging some question raised inside me automatically and I started digging.

Preventing Blogger blogs to redirect to country specific domain is one of such question I wanted to be solved and I found the way. I found it from Solve My How blog. Previously I tried lots of method but never succeeded. Now it is working perfectly you can browse through my blog.

Well, thank you for reading above lines, coming to the point. Following are the points to do this:
  • Go to Blogger and login with your Google credentials.
  • Select the blog you want to change the country specific redirect.
  • Select "Template" menu from left panel.
  • Then Choose "Edit HTML" option.
  • Press Ctrl+F to find <head> tag.
  • Copy below code and paste exactly after opening <head> tag or before closing </head> tag.
<script type="text/javascript">
      var blog = document.location.hostname.split(".");
      if (blog[blog.length - 1] != "com") {
        var ncr = "http://" + blog[0] + ".blogspot.com/ncr";
        window.location.replace(ncr + document.location.pathname);   
      }
</script>
 Bang! we are done now check you blog URLs. If you like it then comment share your tricks or ask questions so we can find out the answers.