Cibakut: like

Showing posts with label like. Show all posts

Saturday, December 3, 2016

how to add the facebook Like popup box widget for blogger

1.First Login www.blogger.com
2.Go to the templates
3.Click on Edit HTML Button

4.Find below code with the help of CTRL+F

5.Copy the below code
6.Paste the code on below

<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("load", function() { // Animate Top $(#haakblogFBpop).animate({top:"150px"}, 1000); // Widget by www.hacktodo.blogspot.com $(a.haakblogclose).click(function() { $(this).parent().fadeOut(); return false; }); }); </script><div id=haakblogFBpop><!-- Widget by www.hacktodo.blogspot.com Start --><center><b>Dont 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%2Fhacktodo&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=196282097100252 style=border:none; overflow:hidden; width:300px; height:258px;/></center><!-- Widget by www.hacktodo.blogspot.com End -->×<center style=float:right; margin-right:10px;><span style=font-size:xx-small; color:#000; text-decoration:none;></span><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" />Widget</center></div>

7.Click on save button view your Templates.

Note:-In the above code red color "hacktodo" replace your facebook page id.

Get link for download