August 23, 2012

Add Floating Twitter button on your Blogger

Floating Twitter button provides your reader a direct link to get connected to your twitter profile.It is a attractive widget which attracts your readers attention which may also results in increasing your followers.
So,this is the tutorial to get the same button on get the floating twitter button on your blogger website.


Here I have used fixed position property which floats with your scrolling.

Steps: 
  1. Open this link https://twitter.com/about/resources/buttons#follow and fill up your username and other settings as per your choice.
    On the right hand side,there appears a code which you have to copy and paste
    .
  2. Go to Blogger Dashboard > Design > Page Layout > Add A Gadget > HTML/Javascript.
  3. Paste the code below in the box 
    <div style="position: fixed; bottom: 20%; right:0px;border-radius:4px">
  4. Now just after the above code, paste the code from the twitter and write </div> after the code.
  5. It should look like this as shown in the picture.
    Incase you are having problem in implementing the above steps,comment below.

0 comments:

Post a Comment