This is a relatively easy tutorial on how to add the Follow button into your blog.

Step 1
Open your text editor (e.g. Notepad) and type on this code:



<a href="http://www.blogger.com/follow-blog.g?blogID=YOUR-BLOG-ID" target="_blank"><img src="http://i52.tinypic.com/2rppgjk.jpg" border="0" title="Follow Me on Blogger" /></a>

* You can remove the code for the follow image if you don't want to include it

Replace the YOUR-BLOG-ID text with the ID of your blog. Your blog ID can be found from your dashboard:
BLOG ID

Step 2
Copy the code above and paste it into your Blogger HTML template, anywhere you want the link to appear. Save!

Labels: Follow button, tutorial

Comments to Tutorial: Adding Follow button to your blog:

KnittedFox said on September 8, 2011 at 3:52 AM

Thank you so much for posting this tutorial!

Anonymous said on March 1, 2012 at 12:48 PM

Hi... Demo link?

http://iblogsclub.blogspot.com

Hannah said on July 13, 2012 at 11:52 AM

THANK YOU THANK YOU THANK YOU!!! I've been searching all day for a way to put a BLOGGER follow button on my page... all I could find over and over again were twitter and pinterest ones!!!

YAYYYYYY!

ayenn said on August 7, 2012 at 7:17 PM

This is awesome :D

mysarah. said on October 1, 2012 at 11:29 PM

yay !! fuhhh ! finally i find this tutorial :) tq

natasha roslan said on October 13, 2012 at 8:45 PM

awesome!!!!!! love it yesssss thanx!!! lebiu

moonera moon said on October 14, 2012 at 10:35 PM

thanks so much! finally i did it right. :) thanks to you.
http://mooneramoon.blogspot.com/

19bows said on October 15, 2012 at 8:08 PM

Thank you! Very helpful!

Kaorin said on October 20, 2012 at 8:43 AM

Thank you very much!

At94 said on December 5, 2012 at 4:43 PM

thank you so much!! i have been searching this button since yesterday :D

Anonymous said on December 16, 2012 at 1:53 AM

Thank you so much !! i've been search this for 2 hours !!

Unknown said on January 1, 2013 at 3:27 PM

For the follow button, where in our html do we post it? I'm like lost haha..

Ana Silvia said on January 2, 2013 at 11:51 AM

Thank you:)

Unknown said on January 6, 2013 at 7:18 PM

Thankyou so much!!!

iamnorzi said on January 9, 2013 at 11:37 AM

thnk you !this is just a great tutorial :)

Unknown said on January 15, 2013 at 3:45 AM

Thank you so much for posting this!

Unknown said on February 5, 2013 at 1:50 PM

I can't get it to work!!

Kitty said on February 5, 2013 at 2:19 PM

@AnnabelleBella, Have you followed all the steps carefully? You might have missed a step or a code

Unknown said on February 6, 2013 at 4:13 PM

thx!:)

Unknown said on February 16, 2013 at 3:33 PM

thanx as it really work. really appreciate it :)

Antriksha said on February 16, 2013 at 3:50 PM

where to paste?

why bother said on February 16, 2013 at 3:58 PM

thanks.

http://theayza.blogspot.com/

Kitty said on February 16, 2013 at 4:11 PM

@Antriksha, you can paste it anywhere within your template codes. Preferably in the section where you want it to appear.

Bellatrix Kiddo said on February 18, 2013 at 6:33 AM

Many many thanks!!! That was easy even for a beginner like me!

keepsmilingzoo said on March 23, 2013 at 1:37 PM

Thank you so much!! I had been looking for this the whole day! :D Finally found it :')

Unknown said on April 2, 2013 at 4:25 AM

Thank you, thank you, thank you. Have tried So many tutorials with so much confusion. Did this one first try! You are brilliant!

Unknown said on April 2, 2013 at 6:55 PM

Thank you! This helped me a lot! ;)

Unknown said on April 11, 2013 at 11:42 PM

Wow!!
THANK YOU THANK YOU THANK YOU THANK YOU SOOOOOOOO MUCH!!!!
I have been searching ALL day for how to add the follow button to a blog. You have just saved my life!

Charlene said on April 23, 2013 at 5:36 PM

that work just fine.. thanks :)

nerryberry said on April 27, 2013 at 9:48 PM

Thank you~!!! :D

Unknown said on May 10, 2013 at 7:03 PM

thankssss :D

Ali @ Ali in Bloom said on May 14, 2013 at 10:42 AM

You made this so simple. Thank you. I've been searching for this tutorial for a long time.

Wild vibe - Inspiration said on May 15, 2013 at 8:55 PM

ah it doesn't work for me, when i click on it there is an error

Kitty said on May 15, 2013 at 8:57 PM

@Wild Vibe, what error is it? Please make sure you change the BlogID to your blog's ID.

Wild vibe - Inspiration said on May 16, 2013 at 11:08 PM

It says, The following errors have been found blogID: 17590388818818948628

But i replaced the text 'YOUR BLOG ID' with my blog ID

Wild vibe - Inspiration said on May 16, 2013 at 11:11 PM

But the link of my blogger profile is http://www.blogger.com/profile/17590388818818948628

Lotte said on May 16, 2013 at 11:28 PM

oh and now i found out that there is an errorcode, it is bX-epz0yf

Kitty said on May 16, 2013 at 11:55 PM

@Wild Vibe, that is not your blogID, that is your profile ID. Blog ID can be found when you go to the settings for the particular blog. For example when you go to the Posts section, look at the address bar and you'll see your BlogID

Lotte said on May 17, 2013 at 12:52 AM

Thank you so much! it works now ah i've been searching for this for soo long! :D

Unknown said on May 26, 2013 at 1:43 AM

It says the URL has illegal characters .

I changed the YOUR-BLOG-ID to my Blog ID .

Kitty said on May 26, 2013 at 1:57 AM

@Lilly, when you go to your blog's dashboard you will see something like http://www.blogger.com/blogger.g?blogID=2931803574273180099.

The string of numbers you see in your address bar is your blog ID.

Flabuloustoabulous said on June 27, 2013 at 9:40 PM

It wont let me do it, it keeps saying "URL contains illegal charaters" any ideas?

Kitty said on June 27, 2013 at 9:59 PM

@Lovely, can you show me the URL?

Fashionquenchersbyjuhishah said on June 29, 2013 at 1:58 PM

where to paste the code exactly

Fashionquenchersbyjuhishah said on June 29, 2013 at 1:59 PM

not understanding where to paste the code.. plz help

Kitty said on June 29, 2013 at 2:11 PM

@fashion, you can paste ANYWHERE you want the button to appear

Diorella N. said on July 21, 2013 at 4:19 PM

thank you very much for this!!

diorella-n.blogspot.com

Lisa Winnard - TheCraftarageStudio said on August 5, 2013 at 10:38 PM

cheers for that, found so many instructions that didn't work.

Charmaine K said on August 7, 2013 at 8:09 PM

omg THANK YOU SO MUCH!
I've been looking for a tutorial for ages!
Just one question.. how to add your followers pictures to it?
thankk you!

charrmyn.blogspot.com

Chasseur said on September 4, 2013 at 8:02 AM

Great thanks!! Was driving me crazy.

Unknown said on October 22, 2013 at 1:22 AM

thanx a lot

Unknown said on October 24, 2013 at 12:26 PM

i dont understand
T^T

Kitty said on October 24, 2013 at 11:11 PM

Hello Mia, which part of the tutorial don't you understand?

Kyle Wood said on January 4, 2014 at 9:32 AM

Fantastic!!!! Helped me greatly. Very clear, and easy to follow.

Admin said on May 7, 2014 at 12:40 AM

thanx a lot
محطات
MBC مصر بث مباشر

Unknown said on July 17, 2014 at 12:04 AM

Thank you so much!!!

Cynthia said on July 26, 2015 at 8:32 PM

Thank you!!! Finally got it working :D

http://cvnthiacho.blogspot.com.au/

Gly said on August 13, 2015 at 12:52 AM

Where to paste the code exactly? :)

www.glygacoscosim.blogspot.com

Kitty said on August 21, 2015 at 7:37 PM

@Glyza, there is no specific place/position to paste the code. You can paste it wherever you want to have the button displayed.

Facebook comments to Tutorial: Adding Follow button to your blog:

Tutorial: Adding Follow button to your blog

Blogged by: Kitty on Wednesday, June 01, 2011

Commentators:

KnittedFox,

Anonymous,

Hannah,

ayenn,

mysarah.,

natasha roslan,

moonera moon,

19bows,

Kaorin,

At94,

Anonymous,

Unknown,

Ana Silvia,

Unknown,

iamnorzi,

Unknown,

Kitty,

Unknown,

Antriksha,

why bother,

Kitty,

Bellatrix Kiddo,

keepsmilingzoo,

Unknown,

Charlene,

nerryberry,

Unknown,

Ali @ Ali in Bloom,

Wild vibe - Inspiration ,

Kitty,

Wild vibe - Inspiration ,

Lotte,

Kitty,

Lotte,

Unknown,

Kitty,

Flabuloustoabulous,

Kitty,

Fashionquenchersbyjuhishah,

Kitty,

Diorella N.,

Lisa Winnard - TheCraftarageStudio,

Charmaine K,

Chasseur,

Unknown,

Kitty,

Kyle Wood,

Admin,

Unknown,

Cynthia,

Gly,

Kitty,

Facebook comments: comments

This is a relatively easy tutorial on how to add the Follow button into your blog.

Step 1
Open your text editor (e.g. Notepad) and type on this code:



<a href="http://www.blogger.com/follow-blog.g?blogID=YOUR-BLOG-ID" target="_blank"><img src="http://i52.tinypic.com/2rppgjk.jpg" border="0" title="Follow Me on Blogger" /></a>

* You can remove the code for the follow image if you don't want to include it

Replace the YOUR-BLOG-ID text with the ID of your blog. Your blog ID can be found from your dashboard:
BLOG ID

Step 2
Copy the code above and paste it into your Blogger HTML template, anywhere you want the link to appear. Save!

Labels: Follow button, tutorial

Comments to Tutorial: Adding Follow button to your blog:

KnittedFox said on September 8, 2011 at 3:52 AM

Thank you so much for posting this tutorial!

Anonymous said on March 1, 2012 at 12:48 PM

Hi... Demo link?

http://iblogsclub.blogspot.com

Hannah said on July 13, 2012 at 11:52 AM

THANK YOU THANK YOU THANK YOU!!! I've been searching all day for a way to put a BLOGGER follow button on my page... all I could find over and over again were twitter and pinterest ones!!!

YAYYYYYY!

ayenn said on August 7, 2012 at 7:17 PM

This is awesome :D

mysarah. said on October 1, 2012 at 11:29 PM

yay !! fuhhh ! finally i find this tutorial :) tq

natasha roslan said on October 13, 2012 at 8:45 PM

awesome!!!!!! love it yesssss thanx!!! lebiu

moonera moon said on October 14, 2012 at 10:35 PM

thanks so much! finally i did it right. :) thanks to you.
http://mooneramoon.blogspot.com/

19bows said on October 15, 2012 at 8:08 PM

Thank you! Very helpful!

Kaorin said on October 20, 2012 at 8:43 AM

Thank you very much!

At94 said on December 5, 2012 at 4:43 PM

thank you so much!! i have been searching this button since yesterday :D

Anonymous said on December 16, 2012 at 1:53 AM

Thank you so much !! i've been search this for 2 hours !!

Unknown said on January 1, 2013 at 3:27 PM

For the follow button, where in our html do we post it? I'm like lost haha..

Ana Silvia said on January 2, 2013 at 11:51 AM

Thank you:)

Unknown said on January 6, 2013 at 7:18 PM

Thankyou so much!!!

iamnorzi said on January 9, 2013 at 11:37 AM

thnk you !this is just a great tutorial :)

Unknown said on January 15, 2013 at 3:45 AM

Thank you so much for posting this!

Unknown said on February 5, 2013 at 1:50 PM

I can't get it to work!!

Kitty said on February 5, 2013 at 2:19 PM

@AnnabelleBella, Have you followed all the steps carefully? You might have missed a step or a code

Unknown said on February 6, 2013 at 4:13 PM

thx!:)

Unknown said on February 16, 2013 at 3:33 PM

thanx as it really work. really appreciate it :)

Antriksha said on February 16, 2013 at 3:50 PM

where to paste?

why bother said on February 16, 2013 at 3:58 PM

thanks.

http://theayza.blogspot.com/

Kitty said on February 16, 2013 at 4:11 PM

@Antriksha, you can paste it anywhere within your template codes. Preferably in the section where you want it to appear.

Bellatrix Kiddo said on February 18, 2013 at 6:33 AM

Many many thanks!!! That was easy even for a beginner like me!

keepsmilingzoo said on March 23, 2013 at 1:37 PM

Thank you so much!! I had been looking for this the whole day! :D Finally found it :')

Unknown said on April 2, 2013 at 4:25 AM

Thank you, thank you, thank you. Have tried So many tutorials with so much confusion. Did this one first try! You are brilliant!

Unknown said on April 2, 2013 at 6:55 PM

Thank you! This helped me a lot! ;)

Unknown said on April 11, 2013 at 11:42 PM

Wow!!
THANK YOU THANK YOU THANK YOU THANK YOU SOOOOOOOO MUCH!!!!
I have been searching ALL day for how to add the follow button to a blog. You have just saved my life!

Charlene said on April 23, 2013 at 5:36 PM

that work just fine.. thanks :)

nerryberry said on April 27, 2013 at 9:48 PM

Thank you~!!! :D

Unknown said on May 10, 2013 at 7:03 PM

thankssss :D

Ali @ Ali in Bloom said on May 14, 2013 at 10:42 AM

You made this so simple. Thank you. I've been searching for this tutorial for a long time.

Wild vibe - Inspiration said on May 15, 2013 at 8:55 PM

ah it doesn't work for me, when i click on it there is an error

Kitty said on May 15, 2013 at 8:57 PM

@Wild Vibe, what error is it? Please make sure you change the BlogID to your blog's ID.

Wild vibe - Inspiration said on May 16, 2013 at 11:08 PM

It says, The following errors have been found blogID: 17590388818818948628

But i replaced the text 'YOUR BLOG ID' with my blog ID

Wild vibe - Inspiration said on May 16, 2013 at 11:11 PM

But the link of my blogger profile is http://www.blogger.com/profile/17590388818818948628

Lotte said on May 16, 2013 at 11:28 PM

oh and now i found out that there is an errorcode, it is bX-epz0yf

Kitty said on May 16, 2013 at 11:55 PM

Lotte said on May 17, 2013 at 12:52 AM

Thank you so much! it works now ah i've been searching for this for soo long! :D

Unknown said on May 26, 2013 at 1:43 AM

It says the URL has illegal characters .

I changed the YOUR-BLOG-ID to my Blog ID .

Kitty said on May 26, 2013 at 1:57 AM

Flabuloustoabulous said on June 27, 2013 at 9:40 PM

It wont let me do it, it keeps saying "URL contains illegal charaters" any ideas?

Kitty said on June 27, 2013 at 9:59 PM

@Lovely, can you show me the URL?

Fashionquenchersbyjuhishah said on June 29, 2013 at 1:58 PM

where to paste the code exactly

Fashionquenchersbyjuhishah said on June 29, 2013 at 1:59 PM

not understanding where to paste the code.. plz help

Kitty said on June 29, 2013 at 2:11 PM

@fashion, you can paste ANYWHERE you want the button to appear

Diorella N. said on July 21, 2013 at 4:19 PM

thank you very much for this!!

diorella-n.blogspot.com

Lisa Winnard - TheCraftarageStudio said on August 5, 2013 at 10:38 PM

cheers for that, found so many instructions that didn't work.

Charmaine K said on August 7, 2013 at 8:09 PM

omg THANK YOU SO MUCH!
I've been looking for a tutorial for ages!
Just one question.. how to add your followers pictures to it?
thankk you!

charrmyn.blogspot.com

Chasseur said on September 4, 2013 at 8:02 AM

Great thanks!! Was driving me crazy.

Unknown said on October 22, 2013 at 1:22 AM

thanx a lot

Unknown said on October 24, 2013 at 12:26 PM

i dont understand
T^T

Kitty said on October 24, 2013 at 11:11 PM

Hello Mia, which part of the tutorial don't you understand?

Kyle Wood said on January 4, 2014 at 9:32 AM

Fantastic!!!! Helped me greatly. Very clear, and easy to follow.

Admin said on May 7, 2014 at 12:40 AM

thanx a lot
محطات
MBC مصر بث مباشر

Unknown said on July 17, 2014 at 12:04 AM

Thank you so much!!!

Cynthia said on July 26, 2015 at 8:32 PM

Thank you!!! Finally got it working :D

http://cvnthiacho.blogspot.com.au/

Gly said on August 13, 2015 at 12:52 AM

Where to paste the code exactly? :)

www.glygacoscosim.blogspot.com

Kitty said on August 21, 2015 at 7:37 PM

@Glyza, there is no specific place/position to paste the code. You can paste it wherever you want to have the button displayed.

Facebook comments to Tutorial: Adding Follow button to your blog:

Hire me to design your blog!

I offer designing and re-designing of Classic Blogger templates. Examples of my design can be found on my portfolio website.

The basic rate for a design starts from $25 USD. The rate is based on the complexity of the design. The more elaborate the design is, the higher the price is.

How to place your order

Send me an email via the contact form and state clearly how you want your design to be. This includes colour scheme, layout (with or without sidebar, number of columns, etc), any extra features, etc.

Your email should be in this format:
Name:
Design: Please give detailed explanation on how you want your template to look like
Preferred payment method: Paypal/Moneybookers/Payza/Bank transfer to Baiduri bank

I shall respond to your email within 3 (three) days. Your order will be placed into a Waiting Queue as orders are processed on a first come, first serve basis.

Payment methods

Payment has to be made to either by PayPal, or Moneybookers.

However, if you choose to pay via (international) bank transfer, be aware that you may be charged for the transfer service.

Other important information

Throughout the designing process, I may need to refer back to you for questions/opinions so do check your email frequently. This is to ensure the design can be done as soon as possible.

Depending on the design, your template make take up to over 1 (one) week to finish. You will be informed once the template is done.

I will send you an email requesting for the payment after the template is done. Once the payment is received, I will email you the complete template along with the necessary files.

All of my designs/templates will come with a credit section. This section must be left intact and you may not remove nor alter them. Resources that come with the designs/templates may not be redistributed or reproduced.

The designer

Kitty. 29. Blogger, web design hobbyist, compulsive shopper and bibliophile based in Brunei. Enjoys creating and designing websites, dabbling with HTML, CSS and PHP.

I've been blogging since 2005 (or earlier) though my experience with the internet started back in 2000. My main interest is in web design and development. Other times you can see me wrapped around a book or glued to Astronomy and web design magazines.

The website

This website was created in January 2011 and the domain was purchased by me in late December 2010. Initially the website was intended to house tutorials for Classic Blogger/Blogspot only however over the time it has developed into what you see today.

Several of the tutorials and articles can also be found on Nekonette.com, which is the my main website where I mostly blog about my personal life. Also some of the tutorials here have been moved to that website.

Categories/Labels

Past layouts

These are the layouts that have been used on Codeislove.net previously.

Layout #1

Layout #2

Layout #3

Articles, Tutorials and Contests

Articles

Please do not copy the articles verbatim and/or redistribute them on your site. And I'd appreciate it if you link back to me.

Tutorials

Please do not copy the tutorials verbatim and/or redistribute them on your site. And I'd appreciate it if you link back to me.

Popular tutorials:

Converting HTML layout to Wordpress series:

How to code Classic Blogger template series:

Other tutorials:

Contests

Linkages

On-site navigation

Network

Looking for money-making opportunities? Check out these websites.

Contact the webmistress

You can email me your messages/tutorial requests using the contact form:

Advertising

Codeislove: Geek Is Chic is a blog which houses various articles, tips and tutorials on web design as well as a mix of personal insights published by the website owner.

Simple site statistics:
Monthly Unique Visitors: 5000+
Monthly page views: 7,000 ~ 9,000

Also, if you think that you have a good advertisement offer to discuss with me, do contact me and let's discuss about it.

Get reviewed

You can have your website/blog reviewed here on Codeislove. Alternatively, you can also apply to get your website/blog reviewed on my other website, Amalina.org. You can request your review to be public or private. If you choose to have it public, it will be posted here on Codeislove. Similarly, if you want it to be private, I will send the review to you via email.

Please send an email to me in this format and I will get back to you as soon as I can:

Name:
Email:
Website/blog:
Do you want the review to be public/private?

Websites/blogs currently being reviewed:
Aroha - Ashleenah
Twinkle Toes - Eryn - completed
Gadis bermata cokelat - Nurul Nabila - completed

Get Codeislove's latest updates!

Join and stay connected!

Whispers

Link back

Codeislove banner

Codeislove banner

Friends and Affiliates

Chazzie	Lionel
Susan	Michelle
Enrecca	Kikichan
Safiena	Ann
You?	You?

Membership

Twitterings

Previous posts and archives

Blog statistics

Welcoming message

Tutorial: Adding Follow button to your blog

Comments to Tutorial: Adding Follow button to your blog:

Post a Comment

Facebook comments to Tutorial: Adding Follow button to your blog:

Tutorial: Adding Follow button to your blog

Comments to Tutorial: Adding Follow button to your blog:

Post a Comment

Facebook comments to Tutorial: Adding Follow button to your blog:

Hire me to design your blog!

How to place your order

Payment methods

Other important information

The designer

The website

Categories/Labels

Past layouts

Articles, Tutorials and Contests

Articles

Tutorials

Contests

Linkages

Contact the webmistress

Advertising

Get reviewed

Get Codeislove's latest updates!

Join and stay connected!

Whispers

Link back

Friends and Affiliates

Membership

Twitterings

Previous posts and archives

Blog statistics

Welcoming message

Tutorial: Adding Follow button to your blog

Related Posts:

Comments to Tutorial: Adding Follow button to your blog:

Post a Comment

Facebook comments to Tutorial: Adding Follow button to your blog:

Tutorial: Adding Follow button to your blog

Related Posts:

Comments to Tutorial: Adding Follow button to your blog:

Post a Comment

Facebook comments to Tutorial: Adding Follow button to your blog:

Hire me to design your blog!

How to place your order

Payment methods

Other important information

The designer

The website

Categories/Labels

Past layouts

Articles, Tutorials and Contests

Articles

Tutorials

Contests

Linkages

Contact the webmistress

Advertising

Get reviewed

Get Codeislove's latest updates!

Join and stay connected!

Whispers

Link back

Friends and Affiliates

Membership

Twitterings

Previous posts and archives

Blog statistics