Hello to everyone Today my Topic is How To Add Pop Up Facebook Like Box To Blogger.
Follow Me Step By Step.
Step 1=Firstly You Have To Go To Your Blogger Account.
Step 2=Secondly Open Layout Tab
Step 3=Click on Add Gadget
Step 4=Add Custom HTML/JavaScript.
Step 5=The New Windows will Pop Up.
Step 6=You Have To Paste This Code In It.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css"
href="http://dl.dropboxusercontent.com/s/75xazflx9vkfkmh/lightbox-style-popup-facebook-likebox-widget-01.css" /><script src="http://dl.dropboxusercontent.com/s/7bcjeubaenpmbf9/facebook-colorbox-v1.3.19.js"></script><script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latestgames786"><img src="https://bitly.com/24workpng1" alt="Latestgames786" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Latestgames786" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9pTQAh6-xsCKeMiFmRTFNqZ7a3G3Xp38-8-wwKrV_UOLDBVTpwea5SOJu6tGc_Jxq-ygbVeTU2R8NTYEDI0vqHaR9qLyTpx-HclxvyyqHr9f6ox3s9xTsWb0zoYrnvxDVkQWAgs6w35xw/s1600/LikeUsOnFacebook.png" width:300px; height:150px;"/></center><center><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/Latestgames786&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
</div>
</div>
Step 7=Now You Have To Change green colored LatestGames786 With Your Facebook Page Name.
Step 8=Click Here For Copy The Code
Step 8=Click Here For Copy The Code
0 comments:
Post a Comment