Friday 1 March 2013

Jumping Widget With Counter For Blogger


This weekend I am Mad with blogger widgets. After introducing "All In One Share Box & 2 Ever Beautiful Social Network Widgets " Today you will get a stunning blogger widget,Which jumps when your mouse pointer reaches it.It Includes 7 Icons with counters.Here is the Preview for you !



Like it !  Here is the Code for you.This Widget will appear below in every blog posts.


STEPS


1.  Go To  Blogger Dashboard Click The Drop Down For Your Blog >  Layout > Click Add A Gadget > Choose HTML/Javascript .

 2. Paste The  Below Code In The Box>Save


Here is the Code

<!-- Code Starts -->
<script type="text/javascript">
  var SHRSB_Settings = {"shr_class":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sexybookmarks_tumblr","link":"","service":"5,7,2,313,38,88,74","apikey":"0747414f47c2b684cf5480c36b2478689","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","twitter_template":"${title} - ${short_link} via @Shareaholic"}};
  var SHRSB_Globals = {"perfoption":"1"};
  </script>
 <!-- End Shareaholic Sexy Bookmark settings -->

        <!-- Start Shareaholic Sexy Bookmark script -->
<script type="text/javascript">
       (function() {
            var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
            sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-sb.min.js";
            var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
        })();
        </script>

<!-- End  -->

        <script type='text/javascript'>
          if (typeof(SHR4P)=="undefined") SHR4P = {};
          SHR4P.blogger_addDiv = SHR4P.blogger_addDiv || function(divClass)
          {
                  var post = new RegExp('hentry');
                  var titleContainer = new RegExp('post-title');
                  var postContainer = new RegExp('post-footer');
                  var elements = document.getElementsByTagName('div');
                  for (var i = 0; i < elements.length; i++)
                  {
                      var classes = elements[i].className;
                      if (post.test(classes))
                      {
                          var container = elements[i];
                          for (var j = 0; j < container.childNodes.length; j++)
                          {
                              var item = container.childNodes[j].className;
                              if (titleContainer.test(item))
                              {
                                  var link = container.childNodes[j].getElementsByTagName('a');
                                  if (typeof(link[0]) != "undefined")
                                  {
                                      var url = link[0].href;
                                      var title = link[0].innerHTML;
                                  }
                                  else
                                  {
                                      var url = document.url;
                                      var title =  container.childNodes[j].innerHTML;
                                  }
                                  if (typeof(url) == "undefined"|| url == 'undefined' ){
                                      url = window.location.href;
                                  }
                                  title=title.replace('"',"%22");
                              }
       
                              if (postContainer.test(item))
                              {
                                  var footer = container.childNodes[j];
                              }
                          }
                          var d = document.createElement('div');
                          var code = '<div class="' + divClass + ' shareaholic-show-on-load" data-shr_href="' + encodeURI(url) + '" data-shr_title="' + title + '"></div>';

                          d.innerHTML = code;
                          container.insertBefore(d , footer);
                    }
                }
                return true;
        };
        SHR4P.blogger_addDiv("shr_class");</script>

(Via Boogali Blog)

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...