Sunday, June 16, 2013

Popup Facebook Like Box for Blogger/Website


How To Put Popup Facebook Like Box for Blogger/Website

facebook popup

To try it, first log into your the blogger account.
In Dashboard, go to Design --> Page Element Layout
Add Gadget and choose Html/Javascript gadget, the copy this code below 


<script type='text/javascript'>
mdfburl='http://www.facebook.com/bloggingtipspro'
</script>
<table id='v1610c54405' style='text-align:left;border-width:2px;border-style:solid;border-color:#03aaf7 #03aaf7 #03aaf7 #03aaf7' border='0' cellspacing='0' cellpadding='0' onselectstart='return false;'><tr style='background:#4050f0' onmousedown='v1710c54405(event);' onmouseup='v1810c54405(event);'><script type='text/javascript' src='http://tanachhim.googlecode.com/files/facebook%20float1.js'></script><div style='margin-left:0px;border:none;text-align:left;height:18px;color:#ffffff;font-family:Tahoma,sans-serif;font-size:12pt;font-weight:bold;padding:0x 0px 0px 0px;cursor:move'>Find Us On Facebook</div><td style='border:none;cursor:default;vertical-align:top;padding:1px'><div style='float:right;text-align:right'><table border='0' cellspacing='0' cellpadding='0' style='width:1px'><tr><td id='v1b10c54405' style='border:none;cursor:default;vertical-align:top;padding:1px' onclick='v1c10c54405();'><div style='padding:1px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border:outset 2px #FFFFFF;width:11px;height:11px;color:#000000;background-color:#E0E0E0;font-weight:bold'><div style='padding:0px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border-style:solid;border-color:#000000;border-width:0px 0px 2px 0px;width:10px;height:8px;color:#000000;background-color:#E0E0E0;font-weight:bold'>&nbsp;</div></div><td id='v1d10c54405' style='border:none;cursor:default;vertical-align:top;padding:1px 1px 1px 1px' onclick='v1e10c54405();'><div id='v1f10c54405' style='text-align:left;padding:1px 1px 1px 2px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border:outset 2px #FFFFFF;width:10px;height:11px;color:#000000;background-color:#E0E0E0;font-weight:bold'>X</div></td></td></tr></table></div><tr id='v2010c54405' style='background-color:#ffffff'><td colspan=2 style='padding:0px'><table cellspacing='0' cellpadding='0' border='0' style='width:100%;height:100%'><tr><td id='v2110c54405'></td></tr></table></td></tr></td></tr></table>
<script type='text/javascript' src='http://tanachhim.googlecode.com/files/facebook%20float.js'></script>

4 just change link http://www.facebook.com/bloggingtipspro to your fan page it is OK !!

Success !!

0 comments:

Post a Comment