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

Trick your webpage with different method

Trick your webpage A simple text file edit makes sites redirect to another. When you type address in address bar in any browser and enter it then it will display another web page, for example:- when you type Google.com you will be redirected to yahoo.com Instructions to do: 1) Go to this directory [c:\windows\system32\drivers\etc], directory may change according to drive used for os installation 2) then hit enter 3) find a file named "hosts" 4) Right click on it and open with word pad. 5) In the last link of the document type the IP* address of yahoo space www.Google.com (Vice versa for other sites) 6) now save it 7) restart the browser if its already running 8) Now try it, It works perfect IP*: to find IP address of that website Goto start ->Run > type cmd > enter. Now you have a new window on desktop. On that type this without cotes "ping www. yahoo.com" replace yahoo.com with your preferred site and then enter it   ...
Post a Comment
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