AllBlogTools.com | Blogger Templates and Tricks

Link to Blogger Templates, Tutorials, Tools | WordPress Themes | Allblogtools.com

Add Google+ Badge to Blogger
How To Make A Contact Form In Blogger
Game Show
Liquid

Posted: 28 May 2012 10:26 PM PDT

This image has no alt text

Blogger has released a new gadget that is useful in promoting your blog. The Google+ Badge lets you connect your site to either your Google+ page or your personal Google+ profile. By integrating this badge to your site, you can connect with your friends, readers, and followers.

Google+ pages and Google+ profiles are different so there are two different versions of the badge. For Google+ pages, badges that link to it help +1's from your site and your page that makes your site eligible for Google+ Direct connect. Google+ profiles meanwhile let people to find you easily on Google+ and can add you directly from your site.

Here's the code for Google+ Badge for Profiles:

Profile Badge Tag

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>   <g:plus href="https://plus.google.com/{profileId}" rel="author"></g:plus>

Reminder: If you have +1 button on your site already, no need to add plusone.js. Just add g:plus tag.

You can also use HTML5 valid badge tag. Below is the code:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>    <div data-href="https://plus.google.com/{profileId}" rel="author"></div>

For Google+ Badge Pages:

Page Badge Tag

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>    <g:plus href="https://plus.google.com/{pageId}"></g:plus>

Reminder: Like the profile badge tag, if you have +1 button on your site, no need to add plusone.js. Just add g:plus tag.

Below is its HTML5 valid badge tag

<div data-href="https://plus.google.com/{pageId}"></div>

To know more about this cool badge, CLICK HERE.

How To Make A Contact Form In Blogger

Posted: 28 May 2012 10:00 PM PDT

The more visitors your site gets, the more likely it is that you'll encounter people who'll be leaving comments or asking questions in the comment section of your post that completely have nothing to do with the subject at hand. That is why it is sometimes a good idea to have a page dedicated to cater to those kinds of reader feedback such as a 'Contact Page' or 'Contact Form'.

The process if fairly simple and doesn't require you to have any solid knowledge in programming, and believe it or not, we will also be using Google Drive (formerly known as Google Docs) to accomplish this. Anyway, enough chatter and let's get down to business.

Creating the form:

First off, go to your Google Drive account page and click on the red 'Create' button, then on the list, choose 'Form'
Give your form a name (e.g. Contact Page, Ask Me)
The 'Question Title' is simply the name of the blank input field that the user needs to fill out such as 'Name', 'Email', and 'Comment'
For the 'Question Type', just leave it as 'Text' for both the 'Name' and 'Email' while 'Paragraph text' for 'Comment'
Once you're done, you may preview the form by clicking on the link provided below your current document.
Once you're satisfied, save it and then click on the 'More actions' button, choose 'Embed' and then copy the embed code provided

Integrating the form into Blogger:

Now that you got your form, it's now time to create the page that will contain it inside your Blogger. In your Blogger dashboard, go to 'Pages', click 'New Page' and choose 'Blank page'
Provide a 'Page title' and then simply paste the copied embed code on to the huge space below (be sure you're on 'HTML' view/mode and not on 'Compose')
Hit 'Preview' to check the appearance. You might have to resize the dimension depending to your taste or template. To do this, just adjust the height and/or width values in the code
Save or publish once you're satisfied

Get notified when someone uses the form: