Archive

Posts Tagged ‘Blogger Hack’

How to Hide Linkwithin Widget on Blogger (Blogspot) Home Page

July 17th, 2012 6 comments

Linkwithin is one of the most useful widget i used for almost of my blog. Linkwithin can make the visitors take a longer time to view your website when they found something interesting in Linkwithin widget. But Linkwithin can also become problem if you use it in Blogger platform website. By default, Linkwithin will appear below each posts on the website including on the Home Page. This will make the website become slow to load. This will become problems for blog reader and Google Bot which visit your blog. To solve this problem, i will give you a simple guide how to hide the Linkwithin on Home Page and show them only on individual blog posts.

how to hide linkwithin widget
Before you modify the code, make sure you already backup the template. Read more…

Customize Blogger Footer : Create more than one columns footer

June 10th, 2012 No comments

Another blogger hack tips for today is customize the footer on Blogger platform. Sometime you will need a lot of space to add some content in your footer. By default, blogger only has one column footer.

If you go to Blogger Dashboard and Layout section, you will see that the footer only have one Add a Gadget element that has the same width like total width of the blog.

blogger footer default

But do you know that you can customize this footer into more than one columns footer like below

blogger footer 3 columns

Read more…

How to Customize Blogger Sidebar Titles

May 30th, 2012 3 comments

Today i will share you another tips how to customize your blog that using Blogger as CMS. In this article, i will explain how to customize sidebar titles that usually appear at your Widget in Blogger. By default, this sidebar titles is “naked” (no format). Actually, you can change this sidebar titles become more interesting by change its font, size, background color, or maybe add some pictures beside it.

blogger sidebar title

Before you modify Blogger Sidebar Titles, make sure you back up your template. First thing you have to do is enter your Blogger Dashboard. Click Template and click Edit HTML and Proceed. Make sure you checked Expand Widget Templates. Some of the code may be different in your template. But the important thing is find “.sidebar {“. My Blogger Template looks like below

Read more…

How to Put Pictures in one Row (Side By Side) Horizontally in Blogger

May 5th, 2012 4 comments

If you looking to this post, you will notice that i put several pictures in a row. Put pictures in one row is very easy if you use WordPress platform as your CMS. But it not that easy if you use Blogger. How to do this? By default, all pictures you uploaded into your Blogger blog are placed one after another. It will placed in one column, not side by side. What we can do is only align them into left, center or right. There is no option to arrange them horizontally. To make it possible, you must use table. For you who doesn’t know how to do it, i will give you step by step guide how to put pictures in one row both in Blogger. Just read below.

how to put pictures in one row side by side

1. First thing to do is check the width of your post area. Enter your Blogger Dashboard and go to Layout > Edit HTML. click Proceed and find the following code :

#main-wrapper {
width: 600px;

Based on the code above, it means that my post area is 600px. Even it written 600px, you can’t use all of it. Because margins are included. Just reduce 10-30px from the width to get your post area width.

Read more…

Incoming search terms:

  • wordpress put images in rows
  • blogger how to get three photos in a row html

How to Add Google +1 Button Below Post Title in Blogger (Blogspot)

April 26th, 2012 No comments

To complete my previous tips about How to add Facebook Button and How to Add Twitter Button on your Blog, this time I will also give you tips How to Add Google + Button in Blogger. Although not as popular Facebook and Twitter, Google + is one of the biggest social media in the world. Moreover, in the future Google is likely to include Google Plus as influence factor in SEO. So it will be better if we build network in Google + from now on. How to add Google button + similar like how to add Facebook and Twitter button on my previous tips. It is very easy.

google plus button in blogger

Here are the steps:

1. Login into your Blogger Dashboard and choose blog you want to modify.
2. Click Template and Click Edit HTML.
3. Click Proceed and don’t forget to check Expand Widget Templates checkbox. Read more…

How to Add Twitter Button Below Post Title in Blogger (Blogspot)

April 11th, 2012 No comments

After Tips How to Add Facebook Button in Blogger, this time I will give you tips how to add a Twitter button at the bottom of the blog post title on your Blogger platform. Facebook button certainly will not complete without Twitter button. Facebook and Twitter are the top 2 largest social media with the most users in the world for now. If you have enough followers on Twitter, you’ll get decent additional traffic by just share on twitter every time you make new post. If your article is interesting, visitors even can share your article through their twitter account.

twitter button for blogger

Here is a guide to add a Twitter button on your Blogger:

1. Login into your Blogger Dashboard and choose blog you want to modify.
2. Click Template and Click Edit HTML.
3. Click Proceed and don’t forget to check Expand Widget Templates checkbox. Read more…

How to Customize Your Sidebar Widget in Blogger (Blogspot)

March 23rd, 2012 5 comments

For those of you who love to modify your Blog based on Blogger (Blogspot) CMS, here I give you more tips to enhance the appearance of your blog. This time i will share you a tips about how to customize the widget (sidebar) in your blog. Did you know that you can modify many things on widget in blogger, from adding icon beside the sidebar title, placing images beside label and change the font, color, border of the widget. I’ll give an example for the widget that I have customized follow by step by step guide how to modify it. Next, you can create your own widgets based on your own creativity.

The first thing to do you have to enter your Blogger Dashboard. Next thing you must go to Template and click Edit HTML. Click Proceed.

How to Add Icon beside Your Sidebar Title

add icon to sidebar title

Read more…

Incoming search terms:

  • css codes to customize sidebar blogger

How to Add Facebook (Share/Like) Button Below Post Title in Blogger (Blogspot)

March 6th, 2012 1 comment

Social Media like Facebook, Twitter, Pinterest, Google+ has significant effect to help increasing traffic to your blog or website. Although sharing in Social Media doesn’t gives direct effect to increase our website rank in SERP, but Social Media is one of powerful tool to bring direct traffic, especially if you have large community in Social Media. To make people easier to share our blog content in social media, we need to add a share button on our blog. This time, i will give you tips how to add Facebook button (Share / Like) below the title of your blog posts.

facebook button for blogger

Read the following guidelines:

1. Login into your Blogger Dashboard and choose blog you want to modify.
2. Click Template and Click Edit HTML.
3. Click Proceed and don’t forget to check Expand Widget Templates checkbox. Read more…