How to Add Popup Facebook like box in blogger

how to add facebook popup fan box

adding facebook fan box is very 
important part it help visitor to 
like your fan page so that visitor 
get up to dates of your blog.

step1:First login to your blogger account

and then go to layout and 

add a gadget of html and

 javascript.

now copy and paste given code there

<!-- facebook popup script start --> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style> #fbox-background { display: none; background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; } #fbox-close { width: 100%; height: 100%; } #fbox-display { background: #eaeaea; border: 5px solid #828282; width: 340px; height: 230px; position: absolute; top: 32%; left: 37%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #fbox-button { float: right; cursor: pointer; position: absolute; right: 0px; top: 0px; } #fbox-button:before { content: "CLOSE"; padding: 5px 8px; background: #828282; color: #eaeaea; font-weight: bold; font-size: 10px; font-family: Tahoma; } #fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover { color: #aaaaaa; font-size: 9px; text-decoration: none; text-align: center; padding: 5px; } </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_facebook_box') != 'yes'){ $('#fbox-background').delay(5000).fadeIn('medium'); $('#fbox-button, #fbox-close').click(function(){ $('#fbox-background').stop().fadeOut('medium'); }); } $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); }); </script> <div id='fbox-background'> <div id='fbox-close'> </div> <div id='fbox-display'> <div id='fbox-button'> </div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=YOUR FACEBOOK PAGE URL&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe> <div id="fbox-link"> Powered by <a style="padding-left: 0px;" href="http://helplogger.blogspot.com" rel="nofollow">Helplogger</a></div> </div> </div> <!-- 5gblogger.blogspot.com --> <!-- facebook popup script End -->


Step2: Replace "YOUR FACEBOOK PAGE URL" with your blogger blog facebook fans page URL. Now Save the Gadget and you got it.

NOTE:  If you want to force this popup window only on Home page.
Go to Template >> Edit HTML. Now paste the following piece of code just above the "</body>" tag and Save Template and
you had done it Enjoy.....!

{ Read More }

How to Add Facebook Like Button Below Every Post

 Adding facebook like button below 
blogger blog post is very good. it 
help user to know whats popular and 
most liked by other peoples

adding facebook like button in blogger

step1: go to blogger account login

and then go to template.

step2:search this code

<data:post.body/>

setp3:above it paste below code

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>

save your template and visit your
blog to see it is working below 
post title.

{ Read More }

Adding Facebook Like Fan Page Box In Blogger

facebook  fan page

adding facebook fan page in blogger is very useful

thing  that  help user  to like you page . in this way 

you get more  likes you your facebook page likes.

facebook page hep user intouchwith your activity

 and so that they can reach you easily.

how to add facebook fan page in blogger

step1:first copy your facebook page url and then go to

link below.

https://developers.facebook.com/docs/plugins/page-plugin

step2:you must login to your facebook account and paste 
the url of page that you want to add in blogger.
select width and height and after that press get code.

step 3: copy the code given by facebook and
go to layout of blogger and add a new gadget of 
html/javascript and paste that code in content. save
it and you have complete it.


 visit your blog and your facebook page is appeared 
 it also show your likes and some of people that
 already liked your page.

{ Read More }

How To Add Facebook Comment Box In Blogger

Facebook is a famous social media and people have had many features for websites.comment box is already added in blogger template and to comment to have to give email while you can add custom comment box.To add facebook comment in your blog so that people can comment on your blog by login to facebook account.

Adding facebook comment in blogger

Step1:First login to blogger account and go to template and edit HTML

Step2:search this code

<body>

It may look like this <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Step3: then paste below code after <body>

<div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

step4:search this

<b:includable id='comment-form' var='post'>

 after it paste the below code

<div class="fb-comments" expr:data-href="data:post.url" data-width="100%" data-numposts="5" data-colorscheme="light"/>

save the template and visit your blog to confirm that it is working.

{ Read More }

Change your Name in Facebook two steps

Facebook is a social community where people can share their thoughts and also can share their life events ,pictures videos.there are lots of function and facbook update its function. you can join page or a group add friends chats too many things to do. it is very famous. some people add their nick name and want to change it. it very easy just fews steps to do so.

How to change name

Step1: go to your account setting and then select general.
edit your name and save it.


step2:now sign out your account and login again you see your facebook name in your profile changed.

keep enjoing ...

{ Read More }

Add More Than One Admin In Facebook Page

Facebook is a international social network site.any on can create a page for free. Pages categorize you can make artist page musician or public figure what ever its free and for life time.Some people want  to add more than one admin in facebook page.if you want to add new admin in your page follow simple steps.You make more than one page and also more than one admin.Admin can post on page .You can change admin if you are busy and have not enough time to post on facebook page some time and you want a new admin so that they can also post on your page.

How to add new admin in facebook page

step1: login to your account , go to your page 
there you will see setting .

srep2: go to setting of page  > then go to
page role , you see at left side.

step3 : there you can add new admin .enter email 
of your new admin. confirm your password
and you have done.....!

still if you want more admin click add another person and add it.your new admin can edit post and make new post reply to comment , also can edit the page.

{ Read More }