Facebook Like Box with Hover Effect for Blogger - WOSTWARELD

Breaking

Sunday, February 16, 2014

Facebook Like Box with Hover Effect for Blogger

Before explaining this tutorial i would like to say thanks to all our readers for your support and contributions since last 2 years, Thanks also to everyone who has helped this blog in other ways, with suggestions, technical support, information and many other things. Now come up to tutorial, In our previous post we will teach you about how to add Facebook like box into blogger blog and today now we are sharing another 2 Facebook Subscription widget for blogger or website.  Here I have added as the box with simple jQuery hover effect. Lets see below tutorial to add them into your blog or website.

Facebook Like Box with jQuery Hover Effect
Facebook Like Box with Hover Effect for Blogger

Adding Static Facebook Pop Out Like Box Widget To Blogger layout...Now let's start adding it. Just follow below producer.


  1. Login to your Blogger Account.
  2. Click Layout > Add A Gadget.
  3. Select HTML/Javascript
  4. Then Paste The Following Code In content Box from one of code given below.

(Style I) Static Facebook Pop Out Like Box with Hover Effect

 
Facebook Like Box with Hover Effect for Blogger



src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Meb98WezAbFfye-UHUyY_dKWVY2gBGKkGGmUPWXF30aip_7ErP-eTaftXvjCnXoeZrunshnxSPSSL-vVRfWPm9DeZsxkQiSiDErkbUwFzoAnv1ku32jo8oPUU52bKJsL9fQNghwMARgY/s1600/NBTfacebook_right.png" />

Before adding these code please replace pages/WESTWOLRD/281417998619583 with your Facebook fan page URL.

(Style II) Facebook Stylish Popup Widget with Lightbox Effect

 

Facebook Like Box with Hover Effect for Blogger
Facebook Like Box with Hover Effect for Blogger

Before adding these code please replace pages/WESTWOLRD/281417998619583 with your Facebook fan page URL.

Customization: These widget only shows up the first time the user visits your page. If you would like the Facebook box to popup everytime the page loads, then remove this line of code:

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

If you are facing any error during adding above widgets into your blog or website then please leave your comment below, we will catch you back as soon as possible.

Read:

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

zz