Simple way to Add Facebook Like Popup Box in Blogger Blog

Facebook is a highly browsed Social Networking site , Engaging your readers via facebook is very important because there are many people searching for high quality contents so if your blog have good contents then Engaging your readers via Facebook will brings more benefits for you as we know there are many ways to promote your site on Facebook but today i will share with you a best and very effective method that is by adding a simple and clean Facebook Page Like Popup Box. Using this popup box you have a very good chance to engage your Readers/Visitors to your site when some one will come to your blog then before seeing any thing he/she will see your facebook popup like box if they will like you facebook page they will be engaged for life time with your blog , so here i am sharing that how can you add it on your blogger blog easily just follow some steps........ 

Step 1

Log in into Blogger Dashboard.

Step 2

Go to Template and Click on Edit HTML Button

Step 3

Find below Code With the help of CTRL+F

</body>

Step 4

Copy and Paste below code before </body>:

<style type='text/css'>#haakblogFBpop {position:fixed !important;position:absolute;top:-1000px;left:50%;margin:0px 0px 0px -182px;width:300px;height:auto;padding:16px;background:#FEFEFE;font:normal Dosis, Georgia, Serif;color:#111;border:2px solid #333;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);box-shadow:0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}#haakblogFBpop a.haakblogclose {position:absolute;top:-10px;right:-10px;background:#fff;font:bold 16px Arial, Sans-Serif;text-decoration:none;line-height:22px;width:22px;text-align:center;color:#000000;border:2px solid #333;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);box-shadow:0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:25px;cursor:pointer;}</style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/><script type='text/javascript'>$(window).bind(&quot;load&quot;, function() {// Animate Top$(&#39;#haakblogFBpop&#39;).animate({top:&quot;150px&quot;}, 1000);// Widget by www.haakblog.com$(&#39;a.haakblogclose&#39;).click(function() {$(this).parent().fadeOut();return false;});});</script><div id='haakblogFBpop'><!-- Widget by www.haakblog.com Start --><center><b>Don&#39;t Forget To Join US Our Community</b></center><center><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbloggerblogtricks&amp;width=300&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/></center><!-- Widget by www.bloggerblogtricks.blogspot.com End --><a class='haakblogclose' href='#'>&#215;</a><center style='float:right; margin-right:10px;'><span style='font-size:xx-small; color:#000; text-decoration:none;'></span><a href="http://www.bloggerblogtricks.blogspot.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href='http://bloggerblogtricks.blogspot.com/2014/03/Facebook-Like-Popup-Box-in-blogger.html' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Widget</a></center></div>

 Note : Change Bloggerblogtricks to your facebook page name like http://facebook.com/bloggerblogtricks

You would also Like

How to Verify and Cashout Skrill Money in Pakistani Bank

Best Places to Download Stylish Blogger Templates

5 Ways to Make Money online

Friends above i have shared how to add Facebook popup box if you need any help Regarding this Box you are always free to comment below the post i love to read your lovely comments and as soon as possible i will reply your every question thank you keep visiting blogger blog tricks for more things like this Facebook like Box..... Cheer!!!

Read More

Best Websites to Download Premium and Stylish Blogger Themes/ Templates

Nowadays in 2014 everyone who have some English writing experience they are starting their blogging career ,as all of you know that blogger is a platform that is providing every thing at free of cost and it's a major reason of it, every one want that their blog should look like unique and stylish but many of newbies fail to do that and they go for highly loaded and ugly blogger themes, many newbies still don't have much info about that from where they can download free stylish and high quality blogger templates, so friends if you are a newbie and still don't know much about where to download blogger templates then i am writing this post only for you so lets have a look at below list of websites from there you can download and install high quality blogger templates that are built by Pro Designers .

Top 5 Websites to Download Blogger Templates

Templateism.com

btemplates.com

templateify.com

mastemplate.com

mybloggerthemes.com

Do you have a Good Website to Download Blogger Templates ?

Dear Friends if any know about best blogger templates downloading site, you can share with us and insha allah i will add it soon in my list thanks ... Happy Blogging.... :D

Read More

Clone Blogger Template,CSS,Widgets - Complete Guide

Actually , this factor which i am going to discuss is an unlawful factor which i really battle to . I am composing this to generate sure that your effort on your style will not go invest. blogger Template is made up of HTML5 and CSS3 . We all know it . We all have invest lots of your energy and effort in including icons, developing gadget, modifying style, including CSS and many other for making our style wonderful. But, BEWARE ! Any blogger style, gadget or CSS designs are clonable if you have a web browser which facilitates HTML5 . I totally oppse this way of unfaithful other . But, it is a must that we should create our blogger style secured .Template cloners are improving day by day . So, we should all create our style secured ! Moreover , if our style keeps on getting duplicated, you will invest lots of your energy and effort in renovating it instead of publishing at your website . First, I will discuss with you ' How To Duplicate Any Weblog writer Template,Widget Or CSS Programming ! Again , this is one of the drawbacks of Weblog writer . Weblog writer weblogs are getting more insecure . Not to hackers, but to imitations ! Sites like BlogTipsNTricks are now regularly upgrading their blog style to cloning !

Some Specifications

- It Should be Organised On Blogger

- HTML5 reinforced Browser like Search engines Chrome

- Some HTML Knowledge

- Sufficient CSS Knowledge

Steps To Duplicate Weblog Organised On Weblog writer 

+ Start your website which you want to clone .

+ Now , Simply simply choose the configurations tab on the top right under near key in Search engines Firefox.

+ Now just click Resources.

+ Another selection will appear 

+ Now Choose the choice 'View Source'

+ A new tab will appear.

+ This is the style of the blogger blog.

+ Examine The picture for better knowing .

+ You also have to create necessary changes to realize success in Weblog writer 

Facts

+ Its not as simple as you think 

+ This is simple to duplicate the needs widgets

+ But, the whole rule will not perform effectively, unless you implement necessary changes

Steps To Perspective Resource Code In  Chrome

How To Secure Your Blog

Now as you know that your website is very extremely susceptible to imitations if you are having a excellent style.The blogger style is all depending on CSS and HTML . The CSS chooses the way how an HTML item performs. So, if you can cover up the CSS, then you can absolutely prevent any cloner. CSS ca be hosted in Search engines Generate. This is more quicker than web host in your style and never think of any time to recover because Search engines is quicker than your laptop or computer !

First of All , You should cover up your CSS . You can variety it in Search engines Generate or any other . A Specific guide on Hosting CSS on Search engines Generate is available at Weblog writer Garden - Host CSS In Search engines Drive

Now , You should try to create the cloner more puzzled . +Syed Faizan Ali of MyBloggerLab recommended to create your CSS coding in a messy way so the cloner gets puzzled . Indeed , It is a excellent way, because HTML and CSS is created in such a way that if it is not in appropriate purchase, thn you may really get mad and you might even reduce your control! .So, Allows take our blog to the next stage by defending our Weblog style from Cloners. Thank You ! Satisfied Writing a blog !

Read More

Free Premium Seo Blogger Template Launched By Blogger Yard

There are many blogger templates thats launched by many authors so today i am going to share a wonderful seo blogger theme,it's filled with seo needs and it have a nice menu and a stylish navigation bar,this template have many features like Google Adsense Friendly,Search Engines Optimization (SEO) friendly, auto read more with image thumbnail,Stylish subscription Form at Below Navigation with Social networking site links and also it two parts in header section,

Demo ~ Download

Who Can Use This Template ?

This is free blogger template and every one can use it but we have to accept terms and condition from Muhammad Yaqoob because he is owner of bloggeryard.com so this template can used on technology blogs,blogging Sites and many sites thats have articles.

What is Name of  this Blogger Template ?

It's name is Tech-Shadow Blogger Template.

Read More