Hello, my readers , My friend has made a widget. I am feeling so much excited to share this to you because this is the first floating widget that he had made. he made this widget compressing the codes and credit goes to a lot of people for this widget. The widget is named as "Floating Widget 100% Customization Enabled ". You can see a widget like this in spiceupyourblog which is made by Paul Crowe but he hasn't shared how to make that. I tried a lot to make that but I can't. At last, he made that and I am using that now. And also, this widget has a specialty. This is completely No CSS widget.
I think you all will liked the widget by seeing the demo. This widget design is actually made by Paul Crowe of Spice Up Your Blog; but he only knows the code for making that. My friend had made the code myself like that. For share buttons, he had used the AddThis buttons. Actually, he had customized the AddThis floating buttons like that of spice up your blog.
I think you all will liked the widget by seeing the demo. This widget design is actually made by Paul Crowe of Spice Up Your Blog; but he only knows the code for making that. My friend had made the code myself like that. For share buttons, he had used the AddThis buttons. Actually, he had customized the AddThis floating buttons like that of spice up your blog.
- WHITE THEME
<!-- HTH AddThis Floating Button BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="position: fixed; left: 250px; top: 280px; background:#fff; border:2px solid #ddd;"><center><img src="http://2.bp.blogspot.com/-14G5q4JK_tE/UERzjHUMHqI/AAAAAAAABfc/Jt8eNt2kZYQ/s1600/12.png" /></center><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><br /><a class="addthis_counter"></a><br /><a href="http://feeds.feedburner.com/howtohackasia" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="http://4.bp.blogspot.com/-m-mXB00lv8k/UAHb7QZ7J6I/AAAAAAAAHnc/nlhO8M7pDzo/s1600/rss-updates.png" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="http://3.bp.blogspot.com/-NEWMLMxk-rM/UAHb6iSFf9I/AAAAAAAAHnQ/boawK1uKdmw/s1600/email-updates.png" /></a><br /><br /><br /><p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.howtohack.asia/2013/02/add-floating-share-bar-to-blogger-blog.html' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script><!-- HTH AddThis Floating Button ENDS -->
- DARK THEME
<!-- HTH AddThis Floating Button BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="position: fixed; left: 160px; top: 150px; background:#000; border:2px solid #ddd;"><center><img src="http://1.bp.blogspot.com/-4exP4MEbOLk/UAHb7Bvkb1I/AAAAAAAAHnU/jbgWe1mtItg/s1600/please-share-this-post.png" /></center><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><a class="addthis_button_pinterest_pinit"></a><br /><a class="addthis_counter"></a><br /><a href="http://feeds.feedburner.com/howtohackasia" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="http://4.bp.blogspot.com/-m-mXB00lv8k/UAHb7QZ7J6I/AAAAAAAAHnc/nlhO8M7pDzo/s1600/rss-updates.png" /></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="http://3.bp.blogspot.com/-NEWMLMxk-rM/UAHb6iSFf9I/AAAAAAAAHnQ/boawK1uKdmw/s1600/email-updates.png" /></a><br /><br /><br /><p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.howtohack.asia/2013/02/add-floating-share-bar-to-blogger-blog.html' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script><!-- HTH AddThis Floating Button ENDS -->
- TRANSPARENT THEME
<!-- HTH AddThis Floating Button BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="position: fixed; left: 230px; top: 300px; background:none; border:2px solid #ddd;"><center><img width="100%" src="http://2.bp.blogspot.com/-14G5q4JK_tE/UERzjHUMHqI/AAAAAAAABfc/Jt8eNt2kZYQ/s1600/12.png" style="background:#fff;"/></center><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><br /><a class="addthis_counter"></a><br /><a href="http://feeds.feedburner.com/howtohackasia" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img src="http://4.bp.blogspot.com/-m-mXB00lv8k/UAHb7QZ7J6I/AAAAAAAAHnc/nlhO8M7pDzo/s1600/rss-updates.png" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=howtohackasia&loc=en_US" rel="nofollow" target="_blank" title="Subscribe To Our Rss Feed"><img align='left' src="http://3.bp.blogspot.com/-NEWMLMxk-rM/UAHb6iSFf9I/AAAAAAAAHnQ/boawK1uKdmw/s1600/email-updates.png" /></a><br /><br /><br /><p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.howtohack.asia/2013/02/add-floating-share-bar-to-blogger-blog.html' target='blank' style='color:#CAC8C8;'>Widgets</a></p></div> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></script><!-- HTH AddThis Floating Button ENDS -->
thank for sharing this trick!
ReplyDelete