Top +10 Blogger Widgets Of 2013

Top 10 Blogger Widgets Of 2012 .below best widget i will add most are using widgets in the status of me .widget is the most important thing in blog or websites .in those day most people are selecting wonder full widget . in a one blog text i will lot of new widgets on the shop .i will tested all the widgets all are 100% working perfectively. this all of the widget has easily add to blog and your template on easy ways . i will posted below widgets your blog will wonder full effect will give 

1.RECENT COMMENT

Widget Title:

<style type="text/css"> ul.bh_recent_comments { list-style: none; margin: 0; padding: 0; } .bh_recent_comments li { background: none!important; margin: 5px!important; padding: 5px!important; display: block; clear: both; overflow: hidden; list-style: none; } .bh_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden; } .avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .bh_recent_comments li img { padding: 0; position: relative; overflow: hidden; display: block; } .bh_recent_comments li span { margin-top: 3px; color: #666; display: block; font-size: 12px; line-height: 1.4; } .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid transparent; } .bh_recent_comments li:hover { -webkit-transform: scale(1.2) translate(15px); -moz-transform: scale(1.2) translate(15px); -ms-transform: scale(1.2) translate(15px); -o-transform: scale(1.2) translate(15px); transform: scale(1.2) translate(15px); box-shadow: 0 0 20px 1px #aaa; } </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 45, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More ?", defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhawyzmjQnmavCiQhsCLh4W6NucDcrvOWRTbqnGh_uAdvMJqmvGPUH6KNOsZpXV8yUqLCSV3uY1wmSl8P_XrDFYIS7UeR3UdQrZY9fJp_A4CsywfaZYGteCWmmouce5oLMSvtidtnmlmMhl/s1600/blogger-avatar-1.png", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>

2.CUSTOM LABEL CLOUD

 3.post statistics with total comment

 4.blue Color scorall to top button

 5.Rounding Related Post widget

6.social Profile widget on blogger

7. Latest Post Widget 

8. Numbered Page Navigation Widget

9. Social Profile Rounding Widget

10. COMMENTATOR WIDGET

Widget Title:

<div id="topkoment"> <style type="text/css"> .top-commenter-line {margin: 0px;border-bottom: 1px solid #ccc;background-color: rgba(206, 206, 206, 0);padding: 5px 3px;} .top-commenter-avatar {display:inline-block;vertical-align:middle;} #topkoment {width: 300px;border: 1px solid #ccc;} #topkoment a {color: #B10C0C;margin-left: 10px;} .profile-name-link {padding-left: 2px;} </style> <script type="text/javascript"> // Top Commentators gadget with avatars, By Blogshear 2013. // Gets a list of top commentators from all comments, or specified number of days in the past. // http://www.blogshear.com/2013/06/stylish-top-commentators-widget-blogger.html // CONFIG: var maxTopCommenters = 10, // How much? minComments = 1, // How many comments must top commentator have at least numDays = 0, // From how many days (ex. 30), or 0 from "all the time" excludeMe = true, // true: exclude my own comments excludeUsers = ["Anonymous", "someothertoexclude"], // Exclude these usernames maxUserNameLength = 42, // 0: don't cut, >4: cut usernames txtTopLine = '<div style="font-weight:bold;display:inline-block;width:2em;text-align:right;"> <b>[#].</b></div> [image] [user] ([count])', // List number txtNoTopCommenters = 'No top commentators at this time.', txtAnonymous = '', // Empty, or Anonymous user name localized if you want to localize sizeAvatar = 32, // Avatar size cropAvatar = true, urlNoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWMm8Qp8dlv63YXg4iREFgHH9_JR8mORDJ20vOJvfuj164uKjnnj0lqTpatbaRKzY1V1SKdF6pkuczaV6-PPF2mDmkiv_m9gitnXVQt7isE9CMRpBvrNMS9e4DduN7kg9Z1wKkMyBrAcQ/' + sizeAvatar + '/avatar_blue_m_96.png', // http://www.blogger.com/img/avatar_blue_m_96.png resizeable urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar, urlMyProfile = '', // Set if you have no profile gadget on page urlMyAvatar = ''; // Can be empty (then it is fetched) or url to image // END CONFIG // for old IEs & IE modes if(!Array.indexOf) { Array.prototype.indexOf=function(obj) { for(var i=0;i<this.length;i++) if(this[i]==obj) return i; return -1; }} function replaceTopCmtVars(text, item, position) { if(!item || !item.author) return text; var author = item.author; var authorUri = ""; if(author.uri && author.uri.$t != "") authorUri = author.uri.$t; var avaimg = urlAnoAvatar; var bloggerprofile = "http://www.blogger.com/profile/"; if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile) avaimg = author.gd$image.src; else { var parseurl = document.createElement('a'); if(authorUri != "") { parseurl.href = authorUri; avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname; } } if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "") avaimg = urlMyAvatar; if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "") avaimg = urlNoAvatar; var newsize="s"+sizeAvatar; avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/"); if(cropAvatar) newsize+="-c"; avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/"); var authorName = author.name.$t; if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar) authorName = txtAnonymous; var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />'; if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>'; if(maxUserNameLength > 3 && authorName.length > maxUserNameLength) authorName = authorName.substr(0, maxUserNameLength-3) + "..."; var authorcode = authorName; if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>'; text = text.replace('[user]', authorcode); text = text.replace('[image]', imgcode); text = text.replace('[#]', position); text = text.replace('[count]', item.count); return text; } var topcommenters = {}; var ndxbase = 1; function showTopCommenters(json) { var one_day=1000*60*60*24 var today = new Date(); if(urlMyProfile == "") { var elements = document.getElementsByTagName("*"); var expr = /(^| )profile-link( |$)/; for(var i=0 ; i<elements.length ; i++) if(expr.test(elements[i].className)) { urlMyProfile = elements[i].href; break; } } if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) { var entry = json.feed.entry[i]; if(numDays > 0) { var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601 var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]); //Calculate difference btw the two dates, and convert to days var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day)); if(days > numDays) break; } var authorUri = ""; if(entry.author[0].uri && entry.author[0].uri.$t != "") authorUri = entry.author[0].uri.$t; if(excludeMe && authorUri != "" && authorUri == urlMyProfile) continue; var authorName = entry.author[0].name.$t; if(excludeUsers.indexOf(authorName) != -1) continue; var hash=entry.author[0].name.$t + "-" + authorUri; if(topcommenters[hash]) topcommenters[hash].count++; else { var commenter = new Object(); commenter.author = entry.author[0]; commenter.count = 1; topcommenters[hash] = commenter; } } if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) { ndxbase += 200; document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>'); return; } // convert object to array of tuples var tuplear = []; for(var key in topcommenters) tuplear.push([key, topcommenters[key]]); tuplear.sort(function(a, b) { if(b[1].count-a[1].count) return b[1].count-a[1].count; return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1; }); // list top topcommenters: var realcount = 0; for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) { var item = tuplear[i][1]; if(item.count < minComments) break; document.write('<di'+'v class="top-commenter-line">'); document.write(replaceTopCmtVars(txtTopLine, item, realcount+1)); document.write('</d'+'iv>'); realcount++; } if(!realcount) document.write(txtNoTopCommenters); } document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></' + 'script>'); </script> </div>

11.Floating Popular Post Widget

Another  top  widget  coming soon please wait .......................................................................