You can also increase your Facebook Fans by applying different methods like, joining and invite your fiends to like your Facebook Fans Page but if you want real like on your Fans page from your own blog or websites visitors about your page then this widget help you to increase your Facebook Fans/Like directly from your blog or websites.
You can add some other Facebook Like /Fans Page Widgets like Sliding Widgets and Many more.
Popup Facebook Fans Box for Blogger Blog
This widget work simply without JavaScript on all pages of your blog or website.When a visitor open your blog or website from any source then people will see a Popup window that ask visitor to like our Facebook Page and if visitor don't want to like your page then they can simply click on cross sign then popup windows automatically closed.
We will designed this widget using CSS with awesome style instead of any other Social Networking widgets because its working on your whole blog or website and don't disturb your blog readers.It is don't force your blog visitor to like your Facebook page because if you add any third party widget that force on your blog visitors to like your Facebook page then visitors left your blog or website in few seconds this widget created by NBT.
This widget make changes with your choices.
How To Add Facebook Popup Like Box in Blogger?
- Go to Blogger Dashboard>>Layout>>Add Gadget
- Select the HTML/JavaScript Gadget from Popup Window
- Now Paste the following below coding in your HTML/JavaScript Gadget
<style type="text/css"> * html
#nextbloggertricksstylepopupdiv { position:absolute; overflow:hidden;} #nextbloggertricksstylepopupdiv { display:block; top:0px;
left:0px; width:100%; height:100%; position:fixed; background-color:none; margin:0; overflow-y:hidden;}
#nextbloggertricksstylepopup { background-color: #fff; overflow:none; overflow:hidden;} .nextbloggertricksstylepopup { width:333px;
overflow:hidden; height:370px; position:fixed; top:45%; left:50%; margin-top:-210px; margin-left:-200px; border: 8px solid
#4462A0; padding: 20px;} </style> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-
y:hidden;} /*]]>*/ </style> <![endif]--> <div id="nextbloggertricksstylepopupdiv"> <div id="nextbloggertricksstylepopup"
class="nextbloggertricksstylepopup"> <center> <h3 class="title"> <img src="https://lh3.googleusercontent.com/-Oyn9v4FhDYc/U5l6pn1_hXI/AAAAAAAAACs/G7vnTMkFWJg/h112/softwayrko+%282%29.jpg" /> </h3> </center> <center> <iframe
src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnextbloggertricks&
width=300&colorscheme=light& show_faces=true& border_color=%23ffffff& stream=false&header=false&
height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:216px;"
allowtransparency="true"> </iframe
src="></center> <div style=" float:left; margin-left:0px; font-size:9px; cursor:pointer;" >
<a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById
('nextbloggertricksstylepopupdiv') .style.display='none'"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJhFpfjTm8xQZf7nVPpmE3m5TrIWnTqjX0cMJ726277NDkLSpU5RJ-8E1nNi8rV1uKj63NZVC2LYoL3lls_WxXs1kh8Beq_48aaSL7v4bSXl0qwGIlI0_tWCS7PyiKlZeCxP-6qY49XTLc/s1600/exite.png"/> </a>
<!--Please Do not Remove the Credits -->
<p style=" float:right; margin-right:40px; font-size:10px;" >Provided By: <a href='http://nextbloggertricks.blogspot.com/' rel='dofollow' target='_blank' title='Blogger Tricks'>©NBT</a></p>
</div> </div> </div>
- Replace nextbloggertricks with your Facebook page username
- Don;t Write any thing in title field
- Click on Save Button.
Customization:-
If you want to make changes like change image of Like us on Facebook. Replace the whole Green Coding with your image URL.
If You want change its Border color replace #3B78CD with your color code.
Last Words
I hope you can add this amazing stylish widget in your blog or website if you're getting error during this process so, Write your comment in comment box for your solution and don't forget to share this post with your friends on social networking sites.
Happy Blogging!
Interesting fact about fb is that many guyz are looking for getting likes in facebook. How it is possible to get unlimited likes for free? Your search get end by reading an awesome post from firstandgeek page.
ReplyDelete