• Tutorials
  • Blogger Themes
  • Blogger SEO
  • Blogger Widgets
  • Internet
  • Mobile Phones
  • Gadgets
BloggerHero - Blogger Tuts, SEO, Themes, Gadgets
  • Home
  • Blogger
  • SEO
  • Themes
  • Internet
  • Widgets
  • Gadgets
  • About
  • search
    close

Add Flare Social Widget to Blogger

 Rohitkumar  11:04  14 comments
Tweet
Hi guys, Its been a long time I din't post as I was busy with my Exams. But finally my exams are over now so I'm here for posting some awesome Blogger Tricks and Widgets.
Today's our post is "How To Add Flare - A Social Share Widget from Wordpress To Blogger"
You guys might have seen the this widget on mostly wordpress blogs, there is no question about it that its truly awesome, It contains large variety of Social Sharing Buttons including the number of total share or say Flare Score. Its one of the best way of sharing your content nowadays.
Try out the Live Demo ;)
Add Flare Social Widget to Blogger

Live Demo

Why Flare?

This is an Eye Catching Share Bar and I'm damn sure that your content will get shared almost each time the visitor reads your article. The main fact about it that you can customize it totally including the color of every icon, size, shape [round/square] , the position of the widget, you can place it below your post title at left / center or middle, also you can make it floating on left or right side. You can change the module color also. The gradient colors are superb, you should try the Shine ! Well lets see how to install it on blogger.

How To Install Flare on Blogger?

These are some simple steps by which you can add the Flare Widget successfully on your blog.
1. Go to Flare.
2. Click on Install Now at the right sidebar of page.
3. Enter your Email Address and Signup.
4. Now you will get your own custom code snippet there, just copy it and paste it before </head> code it your HTML. After copying Save the Template.
5. Now click I'm Ready and then enter your Blog Home Page link there and hit Check Domain.
6. After successful checking you will get three api apps, select Flare and then you need to do some customizations.
7. Select the Flare from Left Sidebar, Click on Create New, after that let it load the social icons and customization filaments.
8. Select the Social Buttons which you want and then try other options like shape, color gradient, icon color,  icon logo color, selection of position of flare bar etc.
9. After completing all customizations , hit save.
10. Now drag your Flare Bar Box into middle column where you will see All Pages.
That's it, you are done ! Go to Your Blog and Check it. I hope you would like this new Wordpress Widget for Blogger :)
If you have any problem regarding this post simply drop your comment here or feel free to contact with me and your views and opinions are appreciated.

    Sharing is Caring!

  • Facebook
  • Twitter
  • Google+
  • StumbleUpon
  • linkedIn
  • StumbleUpon

Rohitkumar A

Posted In blogger, how to, Social Share Widgets
Subscribe Now

Get Latest Posts Directly Into You Inbox

 14 comments :

  1. SMT26 November 2013 at 09:10

    Good widget and nicely explained. keep it up.

    ReplyDelete
    Replies
    1. Rohitkumar A26 November 2013 at 09:33

      Thanks Divya,
      Stay Connected :)

      Delete
      Replies
        Reply
    2. Reply
  2. Carey26 November 2013 at 17:30

    Thanks for the tutorial! Worked like a charm. only problem is that all of the flare bars have the same "numbers" when on the main home page of my blog. When you click individual posts, then it gives the correct numbers. not sure if i didn't something wrong.

    ReplyDelete
    Replies
    1. Rohitkumar A27 November 2013 at 00:46

      you did everything perfect, here is the tweak, find the code in your template and put this line of code before your code.

      [b:if cond='data:blog.pageType != "item"']

      your widget code

      [/b:if]

      replace [] with <>

      Thanks for your feedback, I hope this will work :)
      Stay Connected ;)

      Delete
      Replies
        Reply
    2. Carey2 December 2013 at 06:45

      Thanks so much for replying to help ! I just did what you wrote... but it ended up taking the flare bar off the individual posts. I'm not sure if I goofed it up. I tried to follow your instruction exactly. Just wanted you to know that it didn't work.

      Delete
      Replies
        Reply
    3. Rohitkumar A2 December 2013 at 06:50

      ohh can you give me your blog link?
      I'm glad that you have resposnced me back ^_^
      you can also try out some awesome social share widgets here, just hit the Social Share Widgets from labels or try manually ;-)
      http://www.bloggerhero.com/search/label/Social%20Share%20Widgets

      Delete
      Replies
        Reply
    4. Reply
  3. Joseph Jiblets25 December 2013 at 12:55

    "Specify a custom CSS selector to limit where Flare appears. For example, to limit to post pages on many websites use: body.single-post .entry-content."

    Noted above from Flare - what would be the CSS to make these ONLY show on my posts pages, not the main hub? Thanks in Advance!

    ReplyDelete
    Replies
    1. Joseph Jiblets25 December 2013 at 12:56

      This comment has been removed by the author.

      Delete
      Replies
        Reply
    2. Jen24 January 2014 at 18:21

      I have the same question. I put that code into the box in Flare and it removed the social media buttons from my site all together.

      Delete
      Replies
        Reply
    3. Reply
  4. kp27 December 2013 at 03:54

    thanks such a nice creativity flare social widgets.......
    http://www.technoinspiron.com

    ReplyDelete
    Replies
      Reply
  5. Felix Cool28 February 2014 at 23:47

    Wow..Awesome widget already working on it for my blog for downloading free movies..Thinking that this will give it a sharing boost. http://www.tinynhd.com

    ReplyDelete
    Replies
      Reply
  6. Raffy Kobe24 March 2014 at 02:42

    Great widget! However, why are the buttons always arranged in alphabetical order? Even if I edit and rearrange them, the change is not reflected on my website.

    ReplyDelete
    Replies
      Reply
  7. Unknown18 April 2014 at 21:58

    Nicely explained, i made it, but yet not showing on live! Flare page shows me tags, but not visible on my webpage @ www.culturenheritage.com, kindly do suggest steps to overcome.

    ReplyDelete
    Replies
      Reply
  8. Liz Parker Kuhn12 June 2014 at 07:51

    I tried installing this yesterday but I can't get it to show up on the side of my post - it only shows up at the top and even then people can't click on most of the buttons. Why is that? Thanks.

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post Older Post Home
Do you like my work?

Buy Me a Coffee!

Popular Posts

  • MaterialMix : A Free Material Design Blogger Template
  • How to add Custom Fonts in Blogger or Any Website
  • How to use full ISP bandwidth to speed up downloading
  • Download Materiality Blogger Template
  • Resume Lite - One Page Resume Blogger Template
  • Best Social Media Widget for Blogger | 2017
Email Newsletter

Get Latest Posts Directly Into You Inbox

Labels

Android blogger browser Buy computer css drop down menu Gadgets Google how to internet Laptops Mobile Phone phone responsive reviews SEO smartphone Social Media Social Share Widgets subscription box Template tool trick widget Wireless youtube
Powered by Blogger.

Popular Posts

  • High PR Forums That Can Bring You High Traffic
  • Sensational v2.0 Responsive Blogger Template
  • Materiality - Material Design Blogger Template
  • BloggerHero Free Premium Blogger Template
  • MaterialMix : A Free Material Design Blogger Template
  • [Fixed] Facebook Share Thumbnail Is not Showing on Blogger

Contact Form

Name

Email *

Message *

  • Home
  • About
  • Contact
  • Sitemap
  • Services
  • Request
  • Privacy Polciy

© 2013 BloggerHero.com. All Rights Reserved. Designed with Love for Everyone!