How to Add Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect andrey суббота, 23 марта 2013 г. No Comment

Hello friends we all know that BlogSpot is the most popular blogging in the world. On the other side Facebook is the world largest social Networking site. . Today Facebook Like button,Like Box became a more powerful tool for sharing content. So why you not add Facebook Pop Out like button on your blogspot blog?

This Facebook Box Will Help Your Visitor To Become A Regular Reader Just By Clicking Like Button. Most Of Readers Like To Fetch Updates From Facebook Page (This Is Better Than Email Newsletter). Follow These Steps To Add Facebook pop Out Like Box To Blogger Blog. 

How to add Facebook Pop Out Like Box to Blogger  

Go To Blogger Dashboard.

1. Next, go to Template, and click on the Edit HTML button:

2. Check the "Expand Widget Templates" box:

3. Search (using CTRL + F) for the following code :

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/pages/Pinkusays/270740233060112

After replacing the characters above, your facebook fan page should look like this:
http%3A%2F%2Fwww.facebook.com%2Fpages%2Fpinkusays%2F270740233060112

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 (you can choose it from here)
- 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!

Hello friends we all know that BlogSpot is the most popular blogging in the world. On the other side Facebook is the world largest social Networking site. . Today Facebook Like button,Like Box became a more powerful tool for sharing content. So why you not add Facebook Pop Out like button on your blogspot blog?

This Facebook Box Will Help Your Visitor To Become A Regular Reader Just By Clicking Like Button. Most Of Readers Like To Fetch Updates From Facebook Page (This Is Better Than Email Newsletter). Follow These Steps To Add Facebook pop Out Like Box To Blogger Blog. 

How to add Facebook Pop Out Like Box to Blogger  

Go To Blogger Dashboard.

1. Next, go to Template, and click on the Edit HTML button:

2. Check the "Expand Widget Templates" box:

3. Search (using CTRL + F) for the following code :

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/pages/Pinkusays/270740233060112

After replacing the characters above, your facebook fan page should look like this:
http%3A%2F%2Fwww.facebook.com%2Fpages%2Fpinkusays%2F270740233060112

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 (you can choose it from here)
- 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!

Tweet

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

Tags: Без рубрики