Add Stylish Popup Roll social share wodget in blogger

Hello Friends! In my previous Post i told you about how to add stylish facebook box. Today i have a interesting Widgets for you that makes your blog beautiful. Now this hope fully help you to  increase your visitor Because it So Eye Catcher widget. Here is a Demo Below.

Demo

Step 1

• Go to Blogger
• Go to layout and click on ADD A GADGET
• Click on HTML/JAVASCRIpT
• Paste The following code in html section

<!--Social Sharing Board Pop-up Roll START--><br /> <!--Thies Creative Commons Attribution-Under 3.0 Unported Licence--><br /> <!--Creator: All-coder.blogspot.com--><br /> <div class="allcoder-yuvarclanan ciscimcik-allcoder"> <div class="divxix"> <div style="position:absolute;top:0px;left:0px;font-family:Helvetica, Arial, sans-serif;font-weight:normal; font-size:13px;color:#fff;background-color:#e84343;overflow:visible;" class="iyisenden"> <div style="float:right;margin-left:40px;margin-top:-10px;width:270px;"> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_facebook"><img style="border:none;background-color:transparent;padding:0px;margin:0px;" alt="allcoder facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi22p-5EmbG8nUqG345RAfVO0E1-Btu2KRMpY8q_lOGOJqDiE5x3HHfrXyIbyK0uo-Zr6j8xVehCPPu7vpX8UgjBoa7S3WZcNhoEpqCOmuXc8fGAdqOYWtv1KSGPLMRbVoS3cfTjBbloXB1/s1600/Facebook-icon.png"/></a><br /> <a class="addthis_button_google_plusone_share"><img style="border:none;background-color:transparent;padding:0px;margin:0px;" alt="allcoder google+" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieVbSOKCLv1RbV9A3FeMyIGCQ1HUHeaepTmwlYXteUuntnOeLu4tjZBMUH8zxJyPrjmPiHAU2ESDD_Rg6vAbmjpg8nMAVXvZM-LGRTZmFQzK1cCQY5ZfHXlK4LngBktc4uN8V6yqW5uCEc/s1600/Google-plus-icon.png"/></a><br /> <a class="addthis_button_twitter"><img style="border:none;background-color:transparent;padding:0px;margin:0px;" alt="allcoder twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgl6FgHWOVKAWdBadHdTOynlGJo1xya1KxsU1S5lZ8or7fxip5boSWOQPCF3fXIvo5JeW9Q9BnW_EkE6P9WH5HOWK3-KEvupUc-qM8p8zqF1Dh4vHB6uq-rZHVXVpk7hzTJvqgnF4vsUo7/s1600/Twitter-icon.png"/></a><br /> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script><br /> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=potdehid"></script></div> </div> <style>.divxix{height:95px;position:absolute;top:0px;left:0px;min-width:86px;}.naber{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;border:2px solid #ff9c9c;}</style><br /> <div class="naber"> Share</div> </div> </div> <style>.naber{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;}.naber{-webkit-transition: all 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: all 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);cursor:pointer;}.iyisenden{padding-right:30px;height:80px;text-decoration:none !important;padding-top:4px;overflow:hidden;background:#fff;border:none;border-color:#ff9c9c;border-width:0px;width:0px;-webkit-transition: width 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: width 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: width 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);}.divxix:hover .naber{height:80px;margin-left:300px;transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */-webkit-border-radius: 40px;border-radius: 40px;}.divxix:hover .iyisenden{background-color:#e84343;border:1px solid #ff9c9c;width:298px;height:78px;} div.allcoder-yuvarclanan{position:fixed;z-index:999999;}div.ciscimcik-allcoder{top:240px;left:0px;}</style><style type="text/css">div.allcoder-yuvarclanan{_position:absolute;}div.ciscimcik-allcoder{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} </style><br /> <!--Creator: All-coder.blogspot.com--><br /> <!--Thies Creative Commons Attribution-Under 3.0 Unported Licence--><br /> <!--Social Sharing Board Pop-up Rol STOP-->

Like the Post? Share with your Friends:-

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Digg
• LinkedIn
• Reddit
• Delicious
• Technorati