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
<!-- 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>
<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