• RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Increase Website And Blog Traffic:latest article for Increasing Blog and website Traffic free gide.....
  • Create and Upload Site Map to Google:Google is fist largest Search Engine by upploading SITE MAP Google Easily Search Links from Ur site in Searching.......
  • Fix WEB SITE Errors:Google and other search engines always take those site in there fist page in searching which ha too less web Errors...
  • Top 20 Search Engine:Submit Ur site to top 20 Search Engines to Increasing Ur Site Traffic and making money top search engines like as Google, Yahoo, Ask, AOl, MSN...
  • Top Social Sites:Top 100 Social sites which real help U make a Affliate Marketer and in Pormoting ur Producdts...

New Posts

Stylish Google friend connect Button to Increase followers

Posted by Mohsin On 2/04/2012 02:26:00 AM No comments

Google Friend Connect
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="http://2.bp.blogspot.com/-L5j9-zIZwsg/Ty0c755so5I/AAAAAAAAAFY/WUnPFmp2VUs/s1600/google+friend+connect+netoops.jpg" /></a>
Preview


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="http://1.bp.blogspot.com/-x355BtOrktM/Ty0j-7spPcI/AAAAAAAAAFo/KlIlH_aDw4s/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="http://2.bp.blogspot.com/-m5OYVk--xs0/Ty0nageXyfI/AAAAAAAAAFw/MQuElQjgJq8/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="http://3.bp.blogspot.com/-m_eHhv3xFQg/Ty0r1d3ox-I/AAAAAAAAAF4/YEwimcmdRBY/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)

<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="http://3.bp.blogspot.com/-m_eHhv3xFQg/Ty0r1d3ox-I/AAAAAAAAAF4/YEwimcmdRBY/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....

0 comments:

Post a Comment

All types of Comments are welcome