How to Add Facebook popup like Button for blogger

For Add Facebook popup like box or Button for blogger or Blogspot.

First you must Login your  Blogger Dashboard.

Now Go on Your Required Blogger URl Dashboard.

Mow Click On Layout and Click for Add Widget.

Now to Click on Add HTML/ Java

Now Copy Below code and Past Below Codes In Your Widget.

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code. If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. --> <style type="text/css"> /*********************************************** ***********************************************/ * html #exestylepopupdiv {position:absolute;} #exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilWwOlkjb6UL4tRIijEzpxKtPB8HU2oFG9jjoxnnWZN-ua7cnJa8npXeuB0j2ojN1ly5RuKiXlE2qo-NS5OPgxHxWMWzWMGqDPPDg6Xt4DrjtVyf-h8Kd-DpmXw6g_FxH18eFRclPog/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;} #exestylepopup {background-color: #fff; overflow:none;} .exestylepopup {width:400px; height:300px; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-200px;} </style> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-y:hidden;} /*]]>*/ </style> <![endif]--> <div id="exestylepopupdiv"> <div id="exestylepopup" class="exestylepopup"> <center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkpxH1C17Iitx8xMVFODPII8h-cu2GXEJqhvHJneZ6zDPFuVcXIOqSa1zMjEOGT6_e5wC5ywotyl8zSjfq_xK6nx_Q8sKEWLdWPb1q5sYhIbnUl6IaLL6jFd3mEaP8oVLc8a0tCs9Scg/s40/exeideasclose.png"/> </center> <div id="exestylepopup" class="exestylepopup"> <center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkpxH1C17Iitx8xMVFODPII8h-cu2GXEJqhvHJneZ6zDPFuVcXIOqSa1zMjEOGT6_e5wC5ywotyl8zSjfq_xK6nx_Q8sKEWLdWPb1q5sYhIbnUl6IaLL6jFd3mEaP8oVLc8a0tCs9Scg/s40/exeideasclose.png" /> </center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ftipx-trickx&width=400&height=300&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:390px; height:260px;" allowtransparency="true"></iframe> </div> </div> </div> <!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code. If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
 and save it ...Done !!!