5 Steps to Get / Keep Google Friend Connect on WordPress [2013 Solution]

Finished banner I’ve had shied away from moving to WordPress for months because of Google Friend Connect only working on Blogger blots, but now I’ve managed to find a solution and so I thought I share my 5 Steps to Get or Keep Google Friend Connect on WordPress (as of 7th January 2013).

Works only for only self-hosted WordPress as well as Tumblr! WordPress.com-hosted WP doesn’t work as it doesn’t allow iframe-codes in widgets.

01. Have Someone Else Manage It

have your WordPress feed be managed by FeedCat or an another alternative (Feedburner is being killed off!). The address of your FeedCat feed for your WordPress blog will be something like http://feed.FeedCat.com/nameofchoice

02. Trick Blogger & GFC

in your Blogger blog Settings > Other copy the address of your FeedCat address from Step 1 into Post Feed Redirect URL. This way Blogger (and subsequently GFC) will think your FeedCat feed manages and displays the Blogger feed, which isn’t true, but Blogger can’t tell and will display the new WordPress feed to your subscribers, new and old.
If you haven’t gotten a Blogger blog, just create a basic, blank one with a non-dynamic template, give it the same name your WordPress blog has and follow Step 2. You will not have to update, customise or do anything with this blank blog. You just need it as a host for GFC. DO NOT DELETE YOUR BLOGGER ACCOUNT EVER.
Please note: If you used to have GFC on WordPress and lost it due to GFC’s only Blogger-restriction you cannot get it back.

03. Create The Cheat

add the Followers widget to your Blogger blog sidebar and then go to Template > Edit HTML and locate the text <b:skin><![CDATA[/* */ and place the code below right behind the */

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
 
#Followers1 {
position: fixed !important;
top: 0px !important;
left: 0px !important;
height: 260px !important;
width: 300px !important;
background: white;
}
 
#Followers1-wrapper {
position: absolute;
top: 0px;
left: 0px;
background: none repeat scroll 0% 0% white;
}

04. Place Sneaky WordPress Widget

create a widget on your WordPress blog and copy the code below into it, Make sure to change the address to the address of Blogger blog. Of course you can change width & height.

<iframe style="width: 211px; border: 0px; height: 240px;" src="http://nameofchoice.blogspot.com/" height="240" width="320" scrolling="no"></iframe>

05. Act Like Nothing Happened

this only applies to those who are generally moving their blogs across to Blogger, not those who already are on WordPress. Import all your Blogger posts to WordPress, delete all the posts in Blogger and redirect the URL to your new WordPress blog.

Voila, you have GFC on WordPress!

Please don’t forget to let me know what you think and do make sure to share the post if it does work for you! Or get in touch at [email protected] and I’ll do these changes on Blogger for you but I’ll need admin-access.

Maria xoxo
  • http://www.jayneskitschen.co.uk/blog Jayne

    Thank you so much for this Maria, it's literally made my YEAR!

    • msdriftedsw

      Hahaha you're very welcome Jayne! Sorry for all the confusion though! :( Glad we worked it all out together!!

  • http://www.sophee.co.uk Sophie

    I've thought about moving to WordPress for ages, thanks for the tip! x

    • http://www.missdriftedsnowwhite.com Miss drifted Snow Wh

      Do let me know if you need any help hun! xxx

  • http://hollyarabella.blogspot.co.uk Holly Arabella

    This is a brilliant post that will help so many people, thank you for being so kind and sharing out the tip.

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      You’re more than welcome! Please spread the wordddd ♥

  • http://blushandbarbells.com BlushandBarbells

    You.are.AWESOME.

    • msdriftedsw

      and you are WELCOME!!! :D :D :D

      • http://blushandbarbells.com BlushandBarbells

        I'm having trouble with 04 – I can't figure out how to create a widget? I pasted the code in the general Text widget box but it…disappears. Any tips on this?

  • http://www.letstalkbeauty.co.uk Vicki

    I have bookmarked this so I can try it. I am hoping it works for me as I have always wanted GFC on my wordpress blog. Fingers Crossed
    http://www.letstalkbeauty.co.uk

    • http://www.missdriftedsnowwhite.com Miss drifted Snow Wh

      fantastic! let me know how you get on, Vicki!! So glad I get to help people both bloggers and readers alike :D

  • http://Www.valerievanity.com Valerie

    How do you get around paying for feedblitz?

    • http://www.missdriftedsnowwhite.com Miss drifted Snow Wh

      It's not getting around it at all. It's like it says in the post. You only pay for email subscribers. If you don't allow and don't offer your subscribers to subscribe via eMail, you will not have any costs. Hope this helps xxx

  • Pingback: OMG!!! GFC Is Back On MissBudgetBeauty!!!

  • Pingback: GFC for Wordpress??

  • Pingback: Guide > How to set Rates for Sponsored Posts

  • http://www.daisysausage.com Daisy

    Does this work for wordpress.com or just wordpress.org?

    Thank you xx

    • http://www.missdriftedsnowwhite.com Miss drifted Snow Wh

      works for both! plus tumblr and typepad and all other non-Blogger blog platforms x

  • http://www.missdriftedsnowwhite.com Miss drifted Snow Wh

    you go to 'layout' on blogger and then on 'add widget/gadget' and select 'followers' x

    • http://blushandbarbells.com BlushandBarbells

      Thanks! I've got GFC on blogger, but I can't create a widget on WordPress? I don't think I have the right layout for this. Going to poke through WordPress help pages to see how to create a widget.

      • http://missdriftedsnowwhite.com/ Miss drifted Snow White

        Hope you got it to work? If your blog is on wordpress.com it won’t work due it not allowing iframe within widgets :s

  • http://www.half-a-teaspoon.net Anna

    Tried to put my feedcat URL into the blogger redirect URL but Blogger tells me I can't end the URL with a path :( Any suggestions?

    Thanks so much for the tutorial!

    • http://www.half-a-teaspoon.net Anna

      Never mind, I wasn't following the instructions properly! Sorry!

  • http://icon-theme.freedesktop.org/wiki/FaywukbFer Kari

    Hola! I've been following your website for a while now and finally got the bravery to go ahead and give you a shout out from Houston Tx! Just wanted to say keep up the good work!

    • http://missdriftedsnowwhite.com/ Miss drifted Snow Wh

      Thanks Kari ♥

  • http://twitter.com/LeeLee_Loves LeeLeeLoves

    I cna;t get step 4 to work actually adding it to my word press :( 

  • http://missdriftedsnowwhite.com/ Miss drifted Snow Wh

    I emailed you Marcia ♥

  • Alenija

    You saved me :)
    But I just have a small problem, because the space to the left is too big and my widget doesnt look nice….
    Can you perhaps give me a little hint? I tried everything (adjusting width and height) but nothing works :(

    • http://missdriftedsnowwhite.com/ Miss drifted Snow Wh

      I'd need at least your website's address to see what the problem is and to give you a solution xxx

      • Alenija

        Oh yeah! I'm sorry haha I totally forgot about it… http://www.project-beautiful.de
        its the last widget on the right side :)
        Thank you sooo much xxx

        • Alenija

          hey dear! I just found another solution, but thank you so much for your patience :)

          • http://www.missdriftedsnowwhite.com Miss drifted Snow Wh

            Please let me know where it is! Thanks

          • http://missdriftedsnowwhite.com/ Miss drifted Snow White

            Would love to know what that solution is!! xx

  • http://www.facebook.com/hina.attar.98 Hina Attar

    Thank you for such an amazing tutorial Maria. You made my day. :)

    • http://missdriftedsnowwhite.com/ Miss drifted Snow Wh

      Yay! I'm glad it worked! Feel free to pass on the link to the tutorial please :) ♥

  • http://twitter.com/emilynailedit Emily Cottam

    Hi, I'm really struggling with the widget part of the process. As far as I know, I've followed all the steps correctly but the widget on wordpress is appearing as a corner of the Blogger site, not as the GFC widget. Have I missed something?

    Thanks so much though!

  • http://www.glitterswalloffame.wordpress.com Banx

    Sad this does not work on wordpress.com :(.

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      That’s unfortunately because wordpress.com doesn’t allow iframe widgets :s

  • Pingback: Google Friend Connect is Back (on Wordpress) — Rosalilium

  • Amber S

    Hi Maria,

    Thank you so much for sharing the option to add GFC to WP. It worked with my blog: classyeverafter.com!

    I hope it works for everyone else too!!
    <3,
    Amber

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      That’s absolutely amazing! Hope you can share this on your blog with a backlink? that’d be awesome!!

  • Pingback: « Google Friend Connect is here! « where is my mind? »

  • Danasearsfam

    I have an issue, I added GFC to my WordPress Blog from blogger, but I have now lost the widget on both side completely and can’t seem to re add it to blogger even! HELP!

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      Please email me. I’m sure we can fix this together xx

  • Pingback: google friend connect for wordpress! « a sowing season.

  • Ashley

    Thanks soooo much for sharing!!!

    I did this last night and it worked!!!

    I also linked back to it on my weekly roundup, Links Loved No. 7 @ Alizabet.com.

    Thanks for sharing!

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      So glad to hear that it worked for ya!! Please if you can share the post as often as you can! ♥

  • http://twitter.com/HeelzStayHigh Heather Hightower

    This is so awesome… I’ve been trying to figure out how to add GFC to my wordpress blog for the longest and was considering switching to blogger b/c of this… can’t wait to try this out tonight.. I’ll let you know how it goes!!

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      Please do let me know! I’m so glad that I stopped you from going to Blogger LOL xxx

  • Pingback: Moving to Wordpress.Org from Blogger | Morgan Harper Nichols

  • Linda Leyble

    I am going to try this!! I hope it works. Thanks so much for your post. I had GoogleFReind Connect on my old Blogger blog and then I switched to a hosted WordPress blog and I only got a handful of those GFC poeple back.. Also – when I go to blogs on Blogger, I canlt follow them on GFC – because I am on WordPress.

    I have bookmarked this and I will let you know how it goes.

    Thanks!

    Linda

    http://www.thecolorfulbee.com

    PS – How is Feedcat? I have had Feedburner and I was told to get rid of it and have another RSS. This sounds great

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      Let me know how it goes Linda!

  • http://www.facebook.com/meester.uttley Meester Uttley

    It worked! Thanks lots.

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      So glad to hear that! Make sure to share the post so other wordpress users can benefit from this too :) ♥

  • Pingback: GFC for Wordpress - tutorial and links » (un)Conventional Bookviews

  • http://unconventionalbookviews.com/ Lexxie

    This is really a great tutorial. I have just written about this, and I have linked to your post. I have done it a little bit differently, as I had copied the complete javascript, but yours is a lot easier to follow.

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      Thank you so much Lexxie! ♥

  • mariya_davis

    I can’t get it to work. I”m at the part where I have to add that code on Blogger, “Creating the Cheat”. It won’t let me save the template, it keeps saying error or something. Mine doesn’t have the extra */

    • mariya_davis

      Do you have any solutions? Should I email you?

      • http://missdriftedsnowwhite.com/ Miss drifted Snow White

        I cant diagnose problems like this from afar, yes, please email me x

        • mariya_davis

          Got it figured out. Always happens. Comment someone and then a couple minutes later figures it out. :)

          • http://missdriftedsnowwhite.com/ Miss drifted Snow White

            Glad to hear you managed to get it to work ♥

  • Johnny Chen

    Hi there, I’m stuck on the last step with the iframe widget. When I include my blogger page, it includes the entire blog, instead of just the area with the gfc. How did you get this to work?? thanks!

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      Hi there.

      I believe this is because your blog isn’t standard coded ( lots have this problem)

      try and add a */ before the code to copy and a /* after the code.

  • Chloe (YA Booklover Blog)

    This is a really great tutorial, except since I already moved my blogger blog to WordPress, I can no longer download widgets on my blogger blog, and it deleted all of my previous widgets, so there’s no way for me to put the GFC widget on it because it doesn’t really exist anymore – in theory it’s still there, because I can edit it from the Blogger dashboard, but if I click to see it it just redirects me to my WordPress blog now. Is there still a way I can make this work?

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      Actually you can still install widgets on your old blogger blog, you just need to click through the various widgets and find the Google Friend Connect one. not everything is always on the front page xx

      • Chloe (YA Booklover Blog)

        The thing is, I can’t even add widgets, since my layout page where I would add widgets doesn’t exist anymore, it’s just a blank screen and the only thing I can change is the favicon :/

        • http://missdriftedsnowwhite.com/ Miss drifted Snow White

          try a different template then? x

          • Chloe (YA Booklover Blog)

            thank you, this worked!

          • http://missdriftedsnowwhite.com/ Miss drifted Snow White

            glad it did :)

  • Pingback: 3 Reasons To Be On WordPress » UK Fashion, Style & Beauty Blog » Miss drifted Snow White

  • Merisha Abbott

    okay I did everything like suppose to but it is showing the whole blogger page in the widget instead of the GFC thing what am I doing wrong?? I have the gfc thing on blogger just not on my wordpress where really need it

    http://blissfulbookreviews.com/

  • Pingback: Let’s Speculate: Blogger vs. Wordpress + Which One I Prefer

  • Dhruvi

    Hi – Thanks so much for sharing this! I tried searching for but “<![CDATA[/* */" but couldn't find it. What gives?

    Dhruvi
    Stilettos & Sequins

  • http://www.genzelkisses.com/ Gen-zel D. Habab

    Great Post! I’m new to WordPress and this post helped me a lot! Thank you so much for sharing this! :)

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      you’re very welcome!!

  • Faye

    Hi! I sent you an email (Faye M @ The Social Potato) regarding help for this one >_< I can't seem to do it properly even if I follow the instructions step by step. :/ Was wondering if you received my inquiry? Thank you so much and more power!

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      hey there! i dont think i did, please resend it :) xxx

      • Faye

        Sent you another e-mail! :D Subject is
        “Help for GFC Follower Widget :) Faye from the comments!”

        • Faye

          Ok, I got the problem solved re: the feed, but now my problem is I can’t redirect it to my wordpress or else the widget won’t show anything, except an error page saying the page has been redirected to another. :/

          • http://missdriftedsnowwhite.com/ Miss drifted Snow White

            Hi Faye

            This tutorial won’t work if your blogger blog has been so manipulated that it redirects all traffic. This is why I don’t recommend people moving their blogger blogs to wordpress without any technical assistance.

            This issue will take a lot longer to solve to due my not knowing what was and wasnt done during the move.

            Your email still hasn’t come through – I’ve checked both my inbox and spam but nothing. please resend.

          • Faye

            Sent you another e-mail!

          • http://missdriftedsnowwhite.com/ Miss drifted Snow White

            YAY finally! GOT IT :D

      • Faye

        Anyway, my problem is when I do redirect my blogger to the new wordpress URL, what appears is this message that the blog is being redirected :/ Which is really weird :( And that the new feed isn’t appearing in the RSS feed for the blogger one. What do you think I could do to fix this?

  • http://www.vitajulz.com/ Julia Wan

    Hi, I tried to add the widget to my tumblr, but it’s not working. Can you please help? Thank you!

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      Hi Julia, like it says in the post, please email me with more details, etc.

      • http://www.vitajulz.com/ Julia Wan

        Hi, i emailed you a few days ago. did you receive anything?Thanks!

  • http://fantasia.sky-song.org/ Stephanie

    Thank you, thank you, thank you for this super amazing, yet simple tutorial! You’ve gained another follower :) xx

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      Thank you sooo much!! ♥

  • http://auntiespinellireads.com/ Jessi Larie

    THANK YOU THANK YOU THANK YOU. A thousand thank you’s would never be enough! I switched to WordPress last month and my biggest issues was the loss of GFC. And for the past month it’s really been bothering me (I know numbers shouldn’t matter, but I worked hard for those followers darnit!). I’m so glad I found this tutorial!
    You rock!! <3

    • http://missdriftedsnowwhite.com/ Miss drifted Snow White

      hahah yay jessi! im so glad you found this useful :D :D feel free to do a post about it on your blog – lots of people don’t know that you can keep your GFC :) xxx

      • http://auntiespinellireads.com/ Jessi Larie

        I definitely will! I want other people to know, too…and maybe it will convince some of the other Blogger folk to finally make the switch ;)

        • http://missdriftedsnowwhite.com/ Miss drifted Snow White

          oh that’d be amazing :) xxxx

  • Pingback: Stacking the Shelves (49) + Weekly Recap! I’m on Wordpress!

  • Pingback: How to Add Google Friend Connect to Your WordPress Blog | Nose Graze

  • http://twitter.com/AnnapolisandCo Mary Beth

    LIKE!