How to Add Google Plus Button To Every Post in Blogger

Wednesday, July 20, 2011

Google +1 button is a new product from Google to improve on search ranking and providing better search results to users. You click Google +1 button to publicly give something your stamp of approval. Your +1's can help friends, contacts, and others on the web find the best stuff when they search. Here in this post, i will explain the process of adding a 'Google +1' button to Blogger, so that your blog visitors can provide their stamp of approval on your blog posts.

Step 1: Go to Layout tab in your blog and then Edit HTML and then click on "Download Full Template" link to first save your blog template.

Step 2: After saving the template click the check box "Expand widget templates".

Place this tag in your head or just before your close body tag



Step 3: Search for the string "<div class='post-footer'>" in template.

Step 4: Copy and paste the following code snippet below the line mentioned in step 3.



Step 5: Save your template. and check your blog. Google +1 button will be there and it will look like the following picture.


With Google +1 button, You can now bring more traffic to your blog.   The following video shows this button in action.



If you want to explore more on Google +1 button, then checkout the official page from Google. http://www.google.com/intl/en/webmasters/+1/button/index.html



Related Posts:

Tips to Add FriendFeed Badge to Blogger
Add Share on FriendFeed Button to Every Post in Blogger
How to Add Tweet This Button to Every Post in Blogger

Sphere: Related Content

Problem Adding Facebook Like Box to Blogger? - Here is the Working Solution

Wednesday, March 23, 2011

Everyone is looking to drive traffic to their blog using Facebook pages. To promote these Facebook pages, Facebook provide you "Like Box", a social plugin that enables Facebook Page owners to attract and gain likes from their own website. So if you have a Facebook page, you can add "Like Box" for this page on your blog/website in order to let your blog visitor like the Facebook page. You can create "Like Box" for your Facebook page by visiting to http://developers.facebook.com/docs/reference/plugins/like-box/. A Sample "Like Box" looks like -

You can generate this "Like Box" from the URL mentioned earlier. Open this URL and as per below screenshot, customize the Facebook page, width, colour scheme, Faces, Stream and Header.


Once you finish customization, just click on Get Code button to get the generated code to use in your website/blog. There are two variant of code: iFrame and XFBML. Depend on your website; you can opt from any of these two.

As per Facebook, you can add this "Like Box" to any website or blog but there are many bloggers using Google's Blogger platform Blogspot are not able to display this "Like Box" on their blog. Only the header of Box is visible. Now come to the point, to help those bloggers, here is another version of code you can embed on your blog in order to display the "Like Box" correctly.



You need to copy this script and make few changes in order to let it work for you. Very first change is profile_id="113832435312598". You need to replace this id with your Facebook page id. Second change is your Facebook page and the description. You can change how many connections you want to display on your "Like Box" by providing the value in connections="10".

After making appropriate changes, go to Blogger, click on 'Add a Gadget' and then add a HTML/JavaScript widget. Copy the updated code and then save your blog. Do a preview and you will be able to see the Facebook "Like Box" on your blog.


Related Posts:

Sphere: Related Content

Drive Traffic to Your Blog or Website with Google, Yahoo! and Facebook Groups

Sunday, July 4, 2010

In today's world, Social Networking plays an important role in the success and failure of any blog or website. It is as important as the content of your website. More social networking leads to more users/traffic for your website. In this article, I will explain how you can drive the traffic to your website or blog using Groups services from some of the top internet brands e.g. Google, Yahoo! and Facebook. Though there are other sites as well but we will talk about these only in this article.

Yahoo! Groups is the one who started its services a way before Google and Facebook and still the leader in its offerings. Google and Facebook groups too are trying to catch up Yahoo! very fast. For any website or blog, it is very important to interact with its users. Though the website itself provides the options like comments, ratings, poll etc. but apart from interaction in your website, you should also explore other platforms to interact with users who might be interested in your blog or website.

Yahoo! Groups: If you are a owner of a blog or website and you want to promote it and looking for more user interaction then you can start a new Yahoo! Group related to your website/blog. This group can be used to showcase the things about the topic of your website. E.g. If I own a site called nokia5800downloads.blogspot.com, i can create a Yahoo! group with name Nokia 5800 Downloads. Yahoo! Groups allows you to add new members, post articles, images, attachements, links, etc. You can create polls to interact with your group members. You can even promote your group using the tools provided by Yahoo! Groups.

Just add more and more users to your Yahoo! Group and talk about your blog/website. Yahoo! Groups is a powerful tool and it can drive good amout of traffic to your website. I have seen the groups with thousands of users. You can create a new Yahoo! Group by visiting the URL http://groups.yahoo.com/

Google Groups: Unlike Yahoo! Groups, Google Groups is very simple and offers you pretty much the same as Yahoo! Groups. You can add members, create pages, add links, photos and files. You have discussions where you can post about your website and let users of the group interact with you on the topic of discussion. The interface is very simple and it's very easy for first time users as well.

You can create a Google Group by visiting the URL http://groups.google.com/. You can add a link of your group to your website so that a visitor coming to your website can join the group and later you can keep informing him about any latest updates of your website through this group.

Facebook Groups: After Google and Yahoo!, Facebook too has Facebook Groups, a service which helps you connect and share with the people interested in your website or blog. If you have a Facebook account, creating and running a group is as easy as opening a webpage. Fill the few information like your Group name, the category it belongs to and a little description and there you go. You have your Facebook Groups created. Unlike Yahoo! and Google Groups, Facebook Groups is very advanced. You can add links, images, videos in a second with the cool interface it provides. You can set an event, start a discussion. You can even promote your Facebook Group.

You can invite people to join your group. There are plenty of ways provided in the interface to interact with the members of your group. Facebook Groups is the best offerings in terms of interface and functionalities. As Facebook is growing bigger and bigger, you can expect the number of visitors you can push to your website. You can take more help regarding the group creation by visiting the following page http://www.facebook.com/help/?page=414


Related Posts:

Sphere: Related Content

Learn How to Remove Blogger Top Navigation Bar

Sunday, March 21, 2010

Blogger navbar ( Navigation Bar ) is by default present on the top of every blogspot blog. This navigation bar provides following features-

 
  1. [B] Icon -> Takes you to Blogger.com
  2. Search Blog -> Search within the currently displayed blog
  3. Flag Blog -> Used to mark objectionable contents on blog
  4. Share -> Allows you to share your blog contents to social networking sites
  5. Next Blog -> Takes you to a random and recently-updated Blogger blog
  6. [email address] -> Displays your email address in case you are logged-in
  7. Dashboard -> A link to your Dashboard if you are logged-in.
  8. Sign in/out -> Used to sign in/out from your Blogger account.
Sometimes you want to get rid of this navigation bar. Here in this post I will explain how you can remove/hide this Navbar. Following are the steps -
  1. From Dashboard, go to Layout --> Edit HTML
  2. Select Expand Widget Template checkbox
  3. Search for "]]></b:skin>"
  4. Copy and paste the following line just before "]]></b:skin>"
#navbar { display: none; }

or

#navbar-iframe { display: none !important; }
Save the template and you are done. Open your Blog's URL in browser and you will not see the navigation bar anymore on top of your blog. If you want this navigation bar back, then simply remove this newly added line and it will appear again.

Note: This tips is only applicable to New Blogger Widgetized Template


Related Posts:

Sphere: Related Content