How To Edit Your Blog’s Template

How To Edit Your Blog’s Template

If you are blogging for a while, you must have have edited your blog's template. It is not difficult to make changes to the template, but it is not so simple either.

I am going to tell you how I edit my blog's template. First of all I have installed a third party app i.e. Notepad++, it is lightweight & easy to use app.

I download the template and open using Notepad++, after that I make the changes to it.

How To Remove Blogger Attribution Widget

Tutorial : How To Remove Blogger Attribution Widget

Step 1 : Go to Blogger Dashboard >> Click on Template >>  Now click on Edit HTML

Step 2 : Click on Jump to widget >> From the drop down menu click on Attribution1

How To Hide Home Link In Blogger Under The Post

Tutorial : How To Hide Home Link In Blogger Under The Post

Step 1 -  Sign in to www.blogger.com >> Go to Template >> Click on Customize

Step 2 -  Now click on Advanced >> Now scroll down and click on Add CSS >> Now paste the below mentioned code in "Add custom css" box.

How To Disable Text Selection In Your Blogger Blog

Tutorial : How To Disable Text Selection In Blogger Blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

How To Disable Right Click Context Menu On Images In Blogger

Tutorial : How To Disable Right Click Context Menu On Images In Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Replace Older and Newer Post links with Post Titles in Blogger

Tutorial : Replace Older & Newer Post links with Post Titles in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

How to Center your Post and Date Titles in Blogger

Tutorial : How to Center your Post and Date Titles in Blogger

Go to Blogger Dashboard >> Click on Template >> Click on Customise >> Click on Advanced >> Now scroll down and click on Add CSS >> Now paste the below mentioned code into the box and Click on Apply to Blog.

How to Add a Background Image (Pattern) in Blogger

Today we are going to learn how to add a background image or pattern to your Blogger powered Blog. Well you can use any image (JPG, GIF or PNG file up to 300k in size, 1800x1600 or greater) as a background. But I am using a pattern image for this tutorial.

Remove "Showing posts with label XYZ. Show all posts" from Blogger

You must have noticed in a Blogger powered blog when you click on any label that a line appered just above the posts of that label saying that :- Showing posts with label XYZ Show all posts. Well I almost spend two days finding a way to disable that and find the solution from a source where I was not expecting. But for the good I found it and I am sharing with you. So if you want to disable the message from your Blogger Blog , you can do easily by following this simple tutorial.

How to redirect 404 Error (Page Not Found) to Homepage in Blogger

How to redirect 404 Error (Page Not Found) to Homepage in Blogger

Step-wise Tutorial : How to Add Search Box to Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Go to Settings >> Search preferences >> Errors and redirections

Step 3 : Custom Page Not Found ?  >> Click on Edit

Now paste the following code and click on Save Changes.

How to Add Google Analytics to Blogger

Google Analytics is a service which generates elaborate statistics about a web page, such as traffic and its source. For every webmaster it is a must have tool to actually see what is going on behind the curtains. Google Analytics is the most famous and used website statistics service.

The basic service is absolutely free but you can use the premium version for a fee. It provides you the track visitors form referrals, direct or from search engines and direct visits. Basically you can check that from which country or city is someone viewing your website, by using which type of web browser, internet service provider etc.

How to Add Syntax Highlighter in Blogger Blog

Syntax Highlighter

Syntax Highlighter is a very useful for the bloggers who uses codes such as java, python, ruby, html, css, java scripts etc. It also gives a professional feel to the readers. It is needless that almost every professional blogger who needs to show some coding work uses Syntax Highlighter. There are tons of tutorials on the web for setting up of Syntax Highlighter, but I can assure you that you will not find easier than this tutorial.

How To Create A Sticky Navigation Menu In Blogger

Nowadays many popular websites and blogs are using fixed or sticky navigation menu. It is very beneficial for the visitors of your blog, as when they scroll down while viewing your posts they can easily choose different page or topic and don't have to scroll back to the top. As you may have noticed that I am also using Sticky Navigation Menu on this blog.

How To Remove The Space Left After Removing Blogger Navbar

You must have noticed that there is some space left above your blog header after removing/hiding the Blogger Navbar. It is good to remove that blank space. I also recommend you to do so because it will give a better view to the visitors  But the choice is yours. You can easily remove that space by following easy steps.

How to Replace Newer Posts, Older Posts and Home Navigation Links

By default in blogger the page navigation look like something in the below image (Newer Post, Home and Older Post). By this tutorial you can change the text with your choice of words. For example - your can change the text to upper case text (NEWER POST, HOME AND OLDER POST) or something else. Be creative, use your imagination.

How to Download and Restore Blogger Posts and Comments

Well if you are planning to change the blogging platform or you just wanted to be secure, you should know the procedures for downloading Blogger Posts and Comments. It can be very handy if your blog gets hacked or something like that.

So, you can be insured by taking a regular back up of Blogger Posts and Comments. You can do the same by following the below steps.

How to Backup and Restore Blogger Template

It is one of the basic but important tutorial for the bloggers. Every blogger wants to improve their blog and for that sometime they have to change the HTML, CSS or JavaScript Code in their blog's template. But a single mistake can spoil the party big time. So before customization of the template you should take a back up of your blog's template.

Add Blogger Contact Form to a Static Page

I am sure that you may know about the official blogger contact form. It is used to contact the blog author/admin by the visitors. And you can easily add it to the your blog's sidebar, footer or somewhere else. But what if you want to add it to any static page of your blog. Well you can add it by following steps.

How to Show Post Title Before Blog Title in Blogger

If you are using default template for your blogger blog; then you may have noticed that when you search for your blog on google, in search result it shows your blog title then your post title. It is not SEO friendly, because it cut down the post title word limit and it doesn't look nice as well.

So, you can get the benefit of optimized post titles in the search results. Please follow the below simple steps to make the change.

How to Customize Cloud Labels Widget for Blogger

I hope you are familiar with the blogger labels widget. You can easily categorize your posts by using Labels. Labels are useful if you are writing on many topics, so readers can easily view the posts of their choice by clicking on the Label.

By default on blogger blog you may see the Label Widget look likes something this.