Tuesday, 27 January 2015

How to Add Facebook Popup Like Box to Blogger pink hat world

Unknown 05:36 blogger tricks , facebook pop ike box , Facebook tricks No comments :

Add Facebook Popup Like Box to Blogger

How to Add Facebook Popup Like Box to Blogger pink hat world

How to Add Facebook Popup Like Box to Blogger

Facebook Pop Up Like Box

Go to your blogger

Chose your Blog
Go to Dashboard
Go to Template then click on Edit HTML and Search ( Ctrl+F )
Find <body> Then Copy the Below Code and Past
If you not start body tag then you find with ( Ctrl + F ) End body tag </body>
and past this code above or before end body tag

<style type='text/css'>
    #bgtfbpopup {
    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;
    }
    #bgtfbpopup a.bgtclose {
    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() {
    $('#bgtfbpopup').animate({top:"150px"}, 1000);
    $('a.bgtclose').click(function() {
    $(this).parent().fadeOut();
    return false;
    });
    });
    </script>
    <div id='bgtfbpopup'>

    <center>
    <b>Don't Forget To Join US On Facebook</b></center>
    <center>
    <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://svidtube.com&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>

    <a class='bgtclose' href='#'>×</a>
    <center style='float:right; margin-right:10px;'>
    <span style='font-size:xx-small; color:#000; text-decoration:none;'></span>
    <a href="http://www.pinkhatworld.blogspot.com.com" rel="dofollow" target="_blank" title="blogger"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8RxiRuLh6LyY-bOBITfmwarPJ_w3dnNu-53jFHcLuf7Rs-D6v2L2lqINQtW-xsEaMEhRQqIqwDYyDG0aJjj3C75YzPNI885pI191j59kkYiii8on60h2ULzhp3tqnKy3BPROEydA2Gwk/s1600/bgt-blank.gif" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href='http://pinkhatworld.blogspot.com/2014/02/add-facebook-popup-like-box-to-blogger.html' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Provided by Pink Hat World</a></center>
    </div>

Replace Pink Hat World with your facebook Fan Page
And click on Save Template Button and you are done

No comments :

Post a Comment

thank you to contact us

Subscribe to: Post Comments ( Atom )

Don't Forget To Join US On Facebook ×

Provided by Pink Hat World