In this tutorial i will show you how to add a cool floating Facebook like widget for Blogger that slides to the left on mouseover. Demo: You can see a static facebook badge at the right side of this blog
Adding Static Facebook Like widget on blogger
Just follow the steps:
1. Log in to your Blogger Dashboard, go to Design >> Edit HTML
2. Check the "Expand Widget Templates" box
3. Search (CTRL + F) for this tag:
4. Add the following code just before/above tag:
5. Save the Template.
6. Now go to Design >> Page Elements >> Add a new Gadget >> Choose HTML/JavaScript and in the HTML box, paste the code below:
7. Replace YOUR-FACEBOOK-PAGE text above with the URL of your facebook fan page.
Also replace the : symbol in your URL with %3A and / with %2F
For example, my facebook fan page is:
http://www.facebook.com/vietbacseomanage
After replacing the characters above, your facebook fan page should look like this:
http%3A%2F%2Fwww.facebook.com%2Fpages%2Fvietbacseomanage%2F120574614736021
Other settings (optional):
- to change the width and height of the facebook box, change the bolded values (250)
- to change the background color of the facebook fan box, replace #FFFFFF with the hex code of your color .
- if you want to change the color of the facebook badge (facebook button) replace this code #3B5998
with your own.
8. Now you can save your widget. Enjoy!
Credit goes to Harish (way2blogging)
In this tutorial i will show you how to add a cool floating Facebook like widget for Blogger that slides to the left on mouseover. Demo: You can see a static facebook badge at the right side of this blog Adding Static Facebook Like widget on blogger
Just follow the steps:
1. Log in to your Blogger Dashboard, go to Design >> Edit HTML
2. Check the "Expand Widget Templates" box
3. Search (CTRL + F) for this tag:
4. Add the following code just before/above tag:
5. Save the Template.
6. Now go to Design >> Page Elements >> Add a new Gadget >> Choose HTML/JavaScript and in the HTML box, paste the code below:
7. Replace YOUR-FACEBOOK-PAGE text above with the URL of your facebook fan page.
Also replace the : symbol in your URL with %3A and / with %2F
For example, my facebook fan page is:
http://www.facebook.com/vietbacseomanage
After replacing the characters above, your facebook fan page should look like this:
http%3A%2F%2Fwww.facebook.com%2Fpages%2Fvietbacseomanage%2F120574614736021
Other settings (optional):
- to change the width and height of the facebook box, change the bolded values (250)
- to change the background color of the facebook fan box, replace #FFFFFF with the hex code of your color .
- if you want to change the color of the facebook badge (facebook button) replace this code #3B5998
with your own.
8. Now you can save your widget. Enjoy!
Credit goes to Harish (way2blogging)
Adding Static Facebook Like widget on blogger
Just follow the steps:
1. Log in to your Blogger Dashboard, go to Design >> Edit HTML
2. Check the "Expand Widget Templates" box
3. Search (CTRL + F) for this tag:
4. Add the following code just before/above tag:
5. Save the Template.
6. Now go to Design >> Page Elements >> Add a new Gadget >> Choose HTML/JavaScript and in the HTML box, paste the code below:
7. Replace YOUR-FACEBOOK-PAGE text above with the URL of your facebook fan page.
Also replace the : symbol in your URL with %3A and / with %2F
For example, my facebook fan page is:
http://www.facebook.com/vietbacseomanage
After replacing the characters above, your facebook fan page should look like this:
http%3A%2F%2Fwww.facebook.com%2Fpages%2Fvietbacseomanage%2F120574614736021
Other settings (optional):
- to change the width and height of the facebook box, change the bolded values (250)
- to change the background color of the facebook fan box, replace #FFFFFF with the hex code of your color .
- if you want to change the color of the facebook badge (facebook button) replace this code #3B5998
with your own.
8. Now you can save your widget. Enjoy!
Credit goes to Harish (way2blogging)
by Jillur Rahman
Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.
Follow him @ Twitter | Facebook | Google Plus
No Comment