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& 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> </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