Skip to main content

Add Facebook Popup Like Box

 Facebook popup like box with different styles. It can be made by your visitors alone. It designed with concentrate on that people always like beautiful things. You can choose four kinds of images on the top portion of popup like box. See the preview of all the four images here and choose which one you want for your blog. 



How To Add  Beautiful Facebook Popup Like Box Into Blogger Blog?


  • Login to your Blogger account
  • Go to dashboard and move on Layout section
  • Click on Add a gadget link and select HTML/JavaScript option
  • Copy the below code into HTML box
  • Click on the Save button.
............................................................................................................................................................
<!-------trickstoo.com beautiful facebook popup like box ends------------> <style type="text/css"> * html #Trickstoostylepopupdiv { position:absolute; overflow:hidden;} #Trickstoostylepopupdiv { display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-color:none; margin:0; overflow-y:hidden;} #Trickstoostylepopup { background-color: #fff; overflow:none; overflow:hidden;} .Trickstoostylepopup { width:333px; overflow:hidden; height:370px; position:fixed; top:45%; left:50%; margin-top:-210px; margin-left:-200px; border: 10px solid #999; padding: 20px;} </style> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-y:hidden;} /*]]>*/ </style> <![endif]--> <div id="Trickstoostylepopupdiv"> <div id="Trickstoostylepopup" class="Trickstoostylepopup"> <center> <h3 class="title"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigXSXvzNc04mEV-3aHZcwlU8z7_wG-cJV2BE1gf3hvgNIFCcKNePTUOzRo6pQmkIH2YTlHx8hOC1tvEhd-nsE2TFzFik8Wi98ZZBoKgY4SyjsJiOnJTsrwqLKNCaVJPQ40-d-F1tZ67Scl/h117/fb0.png" /> </h3> </center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpromohack&amp; width=300&amp;colorscheme=light&amp; show_faces=true&amp; border_color=%23ffffff&amp; stream=false&amp;header=false&amp; height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:216px;" allowtransparency="true"> </iframe> </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('Trickstoostylepopupdiv') .style.display='none'"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8x6HmWa9bUQQRoNKfRW9T2BPtSuxzbOZT0VeiYqe4mHe55owuAmEfm8zrbKjx3hDGVc9FiOhzpczDCL8NTAacs57F5ZYhmc4nJJZ8JKOBjGOgg2CAzkSal6RiBCa0WFkoF6RgvQaqtfSS/h120/exit.png"/> </a> </div> </div> </div> <!-------trickstoo.com beautiful facebook popup like box ends------------>

 .................................................................................................................................................................
  • Replace promohack (red color) with fanpage name of yourblog fanpage in facebook.
  • Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigXSXvzNc04mEV-3aHZcwlU8z7_wG-cJV2BE1gf3hvgNIFCcKNePTUOzRo6pQmkIH2YTlHx8hOC1tvEhd-nsE2TFzFik8Wi98ZZBoKgY4SyjsJiOnJTsrwqLKNCaVJPQ40-d-F1tZ67Scl/h117/fb0.png (pink color) with any of the following url to display different styles of facebook image on the top of the facebook popup like box.

1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT6lWbPGg3DsSrrVEAE1Aq9AfV2zee5kZJtcbDcCU7p89qlzl9Ig89QFgYs3kekF_G9uOrih3T2levb_glAoLAfFZhcMbIz1dGr-ozJ_ylLqoK2HG4NabdvHvFqugGah1Cf9GzFAjq0P7N/h109/fb1.jpg



2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0Hf3Gg4PhKzUgovXXb7cjP-HmHE09SNOTxwvAm3odmhZFLuHBnBJSrRTzrJeTBGtkKkbGsaNCacH0rWwPF8jP5LeNOxMl0Mx_VILycJsJnRzOZ4JD6IZQd1D7nsx5F5j0ydq0r5pvMzw/h120/fb3.png
3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQTBBLJ_CHq-aNikNf0_lZxehbBY5myn4bSTGG19kC4pzJwYAZXbHLIoEN8yAhuavpqhsHp1Y6CnxB19SxMMdP8u-1eRFzIFBlCop_jHhhVP548l4hjkqI2bwrrAMBXSqhlilUXbpUqKFo/h120/fb4.jpg
                                           

reference  from here


thank you
must comment.
Labels:

Comments

Post a Comment

Popular posts from this blog

How To Bypass Surveys By using JavaScript

Every day we  need  to complete the  surveys , to get the needed file.These surveys are very irritative and very rare of them gets ended without giving needed the link, or asks for money,Email,Phone. By  seeing  this i am posting the simple method  method  to bypass these annoying surveys without wasting time and money. 1) First copy the given  java code from this site  http://pastebin.com/MJKzU5zR 2) then Make a Bookmark with name "Bypass_survey" and add url link as the javascript. 3)Now   goto  page that contains the  Survey  and Press that Bookmark. 4)OOhhhh Fre_______.... :o the Survey is Bypassed. Thank you dare to comment
21 comments
Read more

Hack Gmail Password By Phishing Method

Know about  phishing 1. First of all download the Gmail Phisher. Download 2. Extract the rar file now you will get three files as given below:       gmail.html       log.txt       mail.php 3. Upload all the Three files to any of the free Web hosting server. By sining up www.yourfreehosting.net www.esmartstart.com www.110mb.com www.drivehq.com www.t35.com 4.  Once  you have uploaded all the three files to web hosting server now you have to send these to your victim. This is the most important step regarding smart phishing technique. The best hack is Send him mail from  Gmail  Admin such that "We have seen illegal activity from your account and you need to verify your account and your account is  temporarily  disabled after this login. To unlock your account Verify your Email and in that link...
16 comments
Read more

Get Maximum Speed From Public WiFi

If you use a public Wi-Fi network in an Internet cafe, school or your wireless network at home, then you are sharing Wifi with other users also, this is what makes your Internet very slow. Do you ever think that you should disable the internet for all other users, and get the maximum speed from your internet connection. To get on a faster wireless public Internet, follow the following steps: Step 1) Open Device Manager from Control Panel>Hardware, or just right click on Computer and from the menu select "Device Manager". Step 2) Now, Scroll to down and expand list of Network adapters and open your your wireless adapter by double clicking on it. Step 3) Now click on the Advanced tab to see all available changes. Step 4) From the property select "Speed ​​& Duplex". Now change it's value from Auto-negotiation to "1.0 Gbps full duplex". Step 5) Now press OK to accept the settings, Now restart your computer. now you ar...
9 comments
Read more