Add Extra Column to Blogger Footer

Adding extra column to Blogger footer:

By default Blogger providing one column, 2 column and 3 column footer layouts. Not providing 4 column footer layout or above. Suppose if you want 4 column footer, then you have to manually add extra column to Blogger footer. Yes we can add extra column to your Blogger blog footer. 

In this post I'm going to show you how to add 4 column footer to your Blogger footer. Using this same method you can create more than 4 column also.

How to add extra column to your Blogger footer :

We can easily add extra column to Blogger footer with out adding any CSS code to blogger. We can Add 4 Column or 5 column Footer or more than this to Blogger. With simple changes on your Blogger template code you can easily add extra column.

Follow below steps to add extra column to Blogger blog footer

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit template

Step 4 : Search <footer> tag in template code, in <footer> section u can see below code

<macro:param default='2' name='num' value='2'/>

To add extra column, just increase value='2' to 4 or more i.e value='4' or more

Step 5 : Click on Save

Now you can easily add extra column to your Blogger footer.

Read More

Create 4 Column Footer For Blogger

4 Column layout to Blogger footer:

In the previous post we discussed about adding extra column to your Blogger blog. General Blogger providing 1, 2 and 3 column footer layouts. We can't add 4 column layout directly through Blogger template Designer.

How to Create 4 Column Footer For Blogger Blogs:

To create 4 column footer for Blogger, you have to do some changes on footer section code in Blogger template. With this method you can also create 5 column footer for your Blogger blog.

Follow below steps to create 4 column footer in Blogger blog .

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search <footer> tag and see below code

<macro:param default='2' name='num' value='2'/>

if you want 4 column footer, replace value='2' with value='4'

Step 5 : Click on Save

Now you created 4 column footer for your Blogger. Go to your Blogger layout and see 4 column footer.

Read More

Remove post footer from blogger blog

Post Footer in Blogger : 

All posts in your Blogger blog contains same post footer in Blogger blog. Default share buttons , post labels and and many buttons will appear in the post footer location in Blogger blog. In this post i'm giving one method to remove that default post footer from your Blogger blog. This post will help those who want to add custom post footer to their blogs. 

How to remove post footer from Blogger blogs :

In post footer we can see default share buttons, labels,quick edit button, post by author name and many more by default in Blogger blogs. Generally people remove default post footer to put their custom share buttons, labels like that. We can also put email subscription form in the post footer after removing. Two methods are there to remove post footer from your Blogger , first one is basic method and second one is adding custom CSS code to your Blogger blog. Below i given those methods to remove post footer on your Blogger blog.

Follow below steps to remove post footer from blogs in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 :  Search .post-footer {

Add below code after above line

display: none;

Step 5 : click on Save template.

Now go to your Blogger blog and check post footer in your Blogger.  If post footer not removed from your Blogger or if you can't find .post-footer { code in your template code then simply add below CSS code to your blog.

.post-footer {

 display: none;

}

Read More

Add Background Color To Footer Widget Titles in Blogger

Background color to footer widget titles : We know how to add a gadget/widgets to Blogger to blog. After adding widget on your blogger blog , widget title will appear with out having any background color. With template customise we can change we can add or change the background color of the whole widget . But we can't add or change only the background color of the widget titles, both in sidebar and footer. In the previous post we discussed about how to add or change the background of the sidebar widget titles. Even if we change the background color of the sidebar widget titles , that change will not effect on the footer widget titles. We have to add the background color to the footer widget titles separately . So we can add separate background colors to both sidebar widget titles and footer widget titles. In this post I'm telling about how to add background color to widget titles in footer on your Blogger blog.

How to add background color to footer widget titles on your Blogger blog : 

With simple customization in your Blogger template code you can add background color to footer widget tiles. With this method we can add the same background color to your all footer widget titles in your Blogger.

Follow below steps to add background color to widget titles in Blogger footer.

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search for .footer-inner .widget h2 {  

Add below line just before closing tag of the above line 

Background: #000000;

I.e : 

.footer-inner .widget h2 {

Background: #000000;

}

Step 5 : Click on Save template.

Now refresh your Blogger blog and see the results. You can change the background color of the widget titles by simply change the color code in the background tag. I hope you can successfully add background color to your footer widget tiles in Blogger blog with this method.

Read More

Add Icons to Post Footer Elements in Blogger

Post Footer Elements  : 

The post footer elements are displayed below every posts in blogger. The items like posted by author name, labels , quick edit , Location , default share button are the post footer elements. These elements are displayed by selecting them in Post Page Options. Many more post default footer elements are there  in blogger. Generally the post footer elements have any icons . But we can manually add icons to any post footer elements.

How to add icons to post footer elements in Blogger blog : 

We can add icons to posted by, labels , comments , email this post and to any of the post footer elements in your blogger blog. In this post I'm giving the method to add the an icon to posted by author name element in blogger blog. Like this you can add the icons to any post footer elements in your blogger.

Follow below steps to add a icon to posted by post footer element in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search .post-footer {

Add below line after .post-footer {

line-height: 16px;

Again add below code after closing tag (}) of the  .post-footer {  section 

.post-author {

background: url("your icon url") left no-repeat;

background-size: 50px;

padding: 2px 0px 0px 50px;

}

MAKE CHANGES : 

Replace  your icon url  with icon url in the above code

To increase and decrease the size of the image adjust the value in background-size: 50px;

Step 5 : Click on Save template.

Now your added icon will appear before the posted by element . With this method you can easily add icons to any post footer elements in your blogger blog.

Read More