Contact Us:

If You Have Any Problem, Wanna Help, Wanna Write Guest Post, Find Any Error Or Want To Give Us Feedback, Just Feel Free To Contact Us. We Will Reply You Soon.

Name: *


Email: *

Message: *


Skillblogger

Download our app on Google Play Store

Saturday, April 6, 2013

Add 3 in 1 Floating Subscription Widget for blogger

One of the most important addition for blogger is Facebook like and Twitter followers and Google+ circles boxes. As I already advert in many articles to the importance of social Networks at bringing visitors to your blog, i would like to thank Sonu (the owner of mybloggertools) for his supporting.
In this tutorial I will explain how to add 3 beautiful boxes contains facebook fans page, twitter profile, and Google+1 on BlogSpot, this widget it work by jquery trick. for direct view, check button below :


As you see in the previous example the 3 boxes appears beside the blog, one over one, where when the mouse glide on them, the box open to the left and showing the like/follow/+1 Boxes, as well as the followers/fans/+1 faces, wish it gives the blog beauty and charisma.

  • Now we move to add this attribute, go to Blogger Dashboard --> Design --> Edit HTML , make a backup for your Template.
  • Then Expand widget Templates.
  • After that Press Ctrl + F for easy search, and find the code below :
</head>
Then copy the code below and paste it Before/above </head>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Make sure that if you already installed this jquery script on your template, if it yes, then there is no need to add this.

After that just click on "Widget Generator" button below :
You have to get your Google+ API key


  • Go to https://code.google.com/apis/console#access
  • Login and press "Create Project".
  • Choose Service List from the left menu and find "Google+ API" then click "off" button.
  • After that Accept the agreement.
  • Choose the "API Access" from the left menu, copy and past your API key in the below widget generator.

It so easy just enter your facebook page and twitter profile usernames,

Press the generate button. and click add to blogger.
It will added automatically to your blog, save the modifications and open your blog link to view the addition.


That’s all I wish you enjoyed with us, don’t forget to subscribe to our service email, to get all new from Pro.W blog ! if you like this article, share it with your friends via facebook, twitter
Have a nice day Bloggers.
Like the Post? Share with your Friends:-

Team SB
Posted By: Team SB
Comment Using

Comment Policy : We’re enthusiastic to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

7 comments :

  1. thz great post but plz help me twitter is working but facebook is not working y??? on my blog:  http://godliveinourheart.blogspot.in

    ReplyDelete
  2. thx i created another blog http://learnccna.blogspot.com

    read more button added thxx frd

    ReplyDelete
  3. @Alok you are absolutely welcome dear friend.

    ReplyDelete
  4. For bloggers Amispace Widget Creator is a good tool to create custom facebook like box and twitter followers box

    http://amispace.com

    ReplyDelete
  5. @Satinder Singh I like your website it's useful keep up the good work dude

    ReplyDelete
  6. hmmmmm nice post

    www.mybloggingclub.blogspot.com

    ReplyDelete
  7. I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.
    website design

    ReplyDelete

Download our app on Google Play Store

Contact Us

Name

Email *

Message *

 
Copyright © . Skill Blogger . All Rights Reserved.
Designed by :- Way2themes