Stylish Google friend connect Button to Increase followers

Google Friend Connect is an awesome Tool that lets your visitors to Follow your Blog and Increase your Blog Rank,gets Higher Traffic.

Here I am saying about how to add a Standalone Google Friend connect Button or Link to Your Blog/Page or anywhere in your Blog.

This Google Friend Connect Widget can only be place at Widget.This Standalone Friend connect button can place at anywhere also in the Post.

Follow the instructions below.

Add Follow button with Text

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVEK6TRNotnsFJl5CvtNwdre_8-TROj5-12CPda_kgY8WvE8gZ9aZH9HSETGpOvGOfnzhyphenhyphen_01d1UFwVJzvxcSvgcr9rp0-C4sULOZt8zb-oHqYWGiESOAgPwq5P0MZ-VQ6O6LDqv49Igc/s1600/google+friend+connect+netoops.jpg" /></a>
Preview

How to Find your BLOG ID?

Add a Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgev96joe0zKGiVIVSaWXk9lMsIATkVZgeKuPf7D8xV_brSgo7Kn4GXs3cokpC7_c3Qj0t5PPZ8JjPgMe_trl5OCrv11AzFzEeGkynBboZP2eIzuHDHdvb26TWa4X6J2ioIG6_ivI7qXtQ/s1600/google+friend+connect+style.jpg" /></a>
Preview

Another Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2n0D7Yll4JkPQRqe5SnjUsOrUVy4qdCGMNvophcj3HyF2hXKNGJe4cvp2h-9CXUT9lNzZoiRqS8rwS_vutyyMg5g47OLIDUzXkD8hxwhhoDcZbxJ-0Hg87mLOTeLheE2WWeyfFBns5Ew/s1600/google+friend+connect+style2+netoops.jpg" /></a>
Preview

Another Water Blue Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYpF62Lm2haJ_a7Knwaa8pZPNh1rcgHZI0D9KScxDqid2OoALkT6gNxW3sN3-M2le3Np4-7ARQlsLoG7y25Zx1mXkmkbbjxb5zhVerfCJgeMicrSJPZMMkPeXAStGu-cT-4OTNObSXQM8/s1600/google+friend+connect+style3+netoops.jpg" /></a>
Preview

How to Find your Blogger ID

• Simply Go to Design or Settings or Posting or any other of the TAB
• Watch the URL on Address Bar of the Browser and copy the Blog ID number and replace "PLACE YOUR BLOG ID HERE" with your blog id .

How to Add Follow Button Below Every Post.

Remember that Backup your Template Before Editing (How to Backup Template)

• Go to Design->Edit HTML
• Tick the Checkbox  Expand Widget Templates
•  Find the following code

<div class='post-footer-line post-footer-line-1'>

OR

<p class='post-footer-line post-footer-line-1'>

• Place the following code Before it

<b:if cond='data:pageType == &quot;item&quot;'>

PLACE THE CODE OF FOLLOW BUTTON YOU WANT (that described above)

<.b:if>

Example:

<b:if cond='data:blog.url == &quot;item&quot;'>
<a href="http://www.blogger.com/follow-blog.g?blogID=585509540650265660" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYpF62Lm2haJ_a7Knwaa8pZPNh1rcgHZI0D9KScxDqid2OoALkT6gNxW3sN3-M2le3Np4-7ARQlsLoG7y25Zx1mXkmkbbjxb5zhVerfCJgeMicrSJPZMMkPeXAStGu-cT-4OTNObSXQM8/s1600/google+friend+connect+style3+netoops.jpg" /></a>
<.b:if>

• Save the Template..Done..

I hope you enjoyed this Post ,If any bugs with this please Comment it....