Pages

Monday, September 30, 2013

Facebook Popup Like Box For Blogger And Wordpress

Here I introduced Beautiful Facebook popup like box with different styles. It looks very nice and beautiful. It is very simple to get more likes on your website fan page. Yes.. You don't need to ask your friends to like your facebook fan page. You can done it without asking anyone. 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 This 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/AVvXsEga1HBjSR9GiZIIppnq80p-Vih9-TEwdjCgrJz6jpZRiWFdPQ5cl3OZEgCNw7kTF3_35Wy0MZjt5PLuZbGmpkWIPKZ3Wu9VYaJ6-AjZfT-zg5Be0A7ieB5nq1nzfDFBV6ZKXh1k3Fi7y8OJ/h117/fb0.png" /> </h3> </center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTrickstoo&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/AVvXsEjkMuHLr3HzteDstgOpYexAwOH3qrtYi5XL0AlWrxaoNS-ez2I80yan47QAZT0yTr147ALiMQdwyk8BwZo0WNA1FzaBKaCmmfwoRUZa3byh3oLiBqnYK7ahq7LrE1NFBd-2inEoHOCDBhp9/h120/exit.png"/> </a> </div> </div> </div> <!-------trickstoo.com beautiful facebook popup like box ends------------>
  • Replace Trickstoo (red color) with fanpage name of yourblog fanpage in facebook.
  • Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga1HBjSR9GiZIIppnq80p-Vih9-TEwdjCgrJz6jpZRiWFdPQ5cl3OZEgCNw7kTF3_35Wy0MZjt5PLuZbGmpkWIPKZ3Wu9VYaJ6-AjZfT-zg5Be0A7ieB5nq1nzfDFBV6ZKXh1k3Fi7y8OJ/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/AVvXsEiUKAGBAyO6yyZs1Vu6xAc-5JSqI5P9X6IHcrCEe6phwUW_ag2aAWgTdLqZ8JSfT_qHgWQkXvETAmeFuG6P5ZT3sI8-ovoCi6Z6If_sGUb4wcwZtAtsI4QdDHOQDjJZrEbLYeFDqaoFrJ_B/h109/fb1.jpg



2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3oaFKJIQFgdO5NWPczZOKkFRb2E0ZP57FzPJG92FGXx-TEaDri5Zdj2LNfnFcu6noizp7FH5KzhnL5R_mrHE_6RZgtrZCp_4lymOrvBb8xknUJpJ7aHAA2X4CXZ0HUUZgamTh6S91x-6/h120/fb3.png

3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrKWCUl7_yEqJ0JiA7fgZ-8EL1qtn2Pnj9nd6L3Dn5l8SsiTxgywcnjXu1xfEXXrEC-S3UMt534HaoBxWAQ_vO9u_OBhOFiCPAgMQdOZCYpQni4N4WeZnvVKZqerSfnWTZ_6e4MKsRJCa3/h120/fb4.jpg
                                           


Comment here to Share Your Experience with us..

0 comments:

Post a Comment