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.
Adding Static Facebook Pop Out Like Box Widget To Blogger layout...Now let's start adding it. Just follow below producer.
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.
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.
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.
- Login to your Blogger Account.
- Click Layout > Add A Gadget.
- Select HTML/Javascript
- 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 |
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.