Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel





seo Stylish Google friend connect Button to Increase followers 2013

Seo Master present to you:
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://www.matrixar.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://www.matrixar.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://www.matrixar.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://www.matrixar.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://www.matrixar.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....
2013, By: Seo Master

Labels: ,



Leave A Comment:

Powered by Blogger.