| Badges and Buttons» & JavaScript for... by Eric
Herberholz» - [edit|internal|new] |
||||||||||||||||||||||||||||
|
JavaScripts and Widgets for Bloggers
|
||||||||||||||||||||||||||||
|
Badges and Buttons»
Favorites @ del.icio.us / eric.k.herberholz / badge http://ericherberholz.googlepages.com/badges ![]() Connect:
Facebook» badges
<a href="http://www.facebook.com/people/Eric_Herberholz/650556540" title="Eric Herberholz's Facebook profile" target=_TOP><img src="http://badge.facebook.com/badge/650556540.191.1672766130.png" border=0 alt="Eric Herberholz's Facebook profile"></a>
hcard (hoard)
http://microformats.org/wiki/hcard#Buttons Linked In http://www.linkedin.com/profile?promoteProfile=&trk=mypro_badges <a href="http://www.linkedin.com/in/herberholz" ><img src="http://www.linkedin.com/img/webpromo/btn_profile_bluetxt_80x15.gif" width="80" height="15" border="0" alt="View Eric Herberholz's profile on LinkedIn"></a> <a href="http://www.linkedin.com/in/herberholz" ><img src="http://www.linkedin.com/img/webpromo/btn_liprofile_blue_80x15.gif" width="80" height="15" border="0" alt="View Eric Herberholz's profile on LinkedIn"></a>
![]() site counter Visits to this page: ![]() del.icio.us http://del.icio.us/help/networkbadges Basic: <script type="text/javascript" src="http://del.icio.us/feeds/js/networkbadge/eric.k.herberholz?name;icon"></script> With Fancount: <script type="text/javascript" src="http://del.icio.us/feeds/js/networkbadge/eric.k.herberholz?name;fancount;icon"></script> About Me Widget Twitter badge: http://twitter.com/badges/ help: https://help.twitter.com/index.php?pg=kb.page&id=39 <div style="width: 176px; text-align: center;"><embed src="http://twitter.com/flash/twitter_badge.swf" flashvars="color1=10040166&type=user&id=3743621" quality="high" width="176" height="176" name="twitter_badge" align="middle" allowscriptaccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"><br> <div style="text-align: center;"><a style="font-size: 10px; color: rgb(153, 51, 102); text-decoration: none;" href="http://twitter.com/erich13">follow erich13 at http://twitter.com</a></div> </div> Jaiku badge: http://jaiku.com/settings/badge See below for more details... |
||||||||||||||||||||||||||||
|
adsense AdSense unit: 120x90 4 ads AdSense unit 120x90 5 ads
http://www.cluztr.com/community/badges/
Meebo ![]() http://www.gomeebo.com/gomeebo.html ![]()
http://www.stumbleupon.com/buttons.php http://www.stumbleupon.com/buttons.php?pgtype=profile
Other Languages
http://translate.google.com/translate_tools?hl=en <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script> About Me Widget (from MyBlogLog) <script type='text/javascript' src='http://pub.mybloglog.com/pbadge.php?id=vrE00fQRqdF.bRO0jLvd4TjrUYMbt3paYNrCnQ--'></script> <meta name="mbl" content="4167921ff7ad705cf7ee5654b74f4956fdb9a111" /> <script src="http://pub.mybloglog.com/comm3.php?mblID=2008030108534128&r=widget&is=normal&o=l&ro=4&cs=black&ww=220&wc=multiple"></script> Latest Twitter Post Javascript (see below) http://easy-hit-counters.com/ Get a free hit counter for your web site. Find out how many users visit your site. Our Free Counters can help you seee the success of your Web Site. Our Free Web Counter is truly the EASIEST Free Hit Counter that you can find. Copy the following code block into every webpage you want to track. Click in the box below to select all code. Copy and paste the code segment into the bottom of your content, immediately before the </body> tag of each page you are planning to track. If you use a common include or template, you can enter it there. Use this tracking code to gain access to a wide range of exciting new features as they become available. <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-4664747-1"); pageTracker._initData(); pageTracker._trackPageview(); </script> Refer to this tracking code if your site already has urchin.js installed. Please note that urchin.js will not receive feature updates and is not compatible with new features. <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-4664747-1"; urchinTracker(); </script> Note: We recommend that you do not include both tracking code snippets together on any given page. Doing so might generate inaccurate report data. You can, however, migrate select pages of your site to the new tracking code while the legacy code remains on others. https://www.google.com/analytics/home/provision?vid=1001&scid=4664747 Page Counter claimID <a href="http://claimid.com/erich13"><img src="http://claimid.com/images/claimid_badge.gif" border="0" alt="Eric Herberholz" title="Eric Herberholz"/></a> Snapshots http://blog.snap.com/2008/01/16/badge-o-rama-badges-all-submissions/ 43things http://www.43things.com/account/configure_javascript_include Wakoopa http://wakoopa.com/account/share WeeWorld http://www.weeworld.com/export/generic/community.aspx customer service discussions in Flock
![]()
amung.us whos.amung.us http://whos.amung.us/showcase |
||||||||||||||||||||||||||||
| JavaScripts and Widgets for... | ||||||||||||||||||||||||||||
| JavaScript for Bloggers This is the code you need to copy to your blog: <!-- Start of LinkCloud Code --> <script type="text/javascript" language="javascript" src="http://www.weblogistan.com/cloud.php?id=721152435"></script> <!-- End of LinkCloud Code --> Widgets http://plazes.com/tools/widget <object type="application/x-shockwave-flash" data="http://plazes.com/flashes/badge.swf" width="146" height="146"><param name="movie" value="http://plazes.com/flashes/badge.swf" /><param name="allowScriptAccess" value="sameDomain" /><param name="swLiveConnect" value="true" /><param name="wmode" value="transparent" /><param name="FlashVars" value="key=d3c4f003cc21d108d7f484c918254cdf&dark=33cc00&light=ff9900&text=ffffff&link=32648c" /><p><strong><a class="external" href="http://www.adobe.com/">Download Flash plugin</a></strong></p></object> http://getsatisfaction.com/flock/widgets/topics?sort=recently_created |
||||||||||||||||||||||||||||
|
create your own Flockstar button here. del.icio.us http://del.icio.us/help/networkbadges Basic: <script type="text/javascript" src="http://del.icio.us/feeds/js/networkbadge/eric.k.herberholz?name;icon"></script> With Fancount: <script type="text/javascript" src="http://del.icio.us/feeds/js/networkbadge/eric.k.herberholz?name;fancount;icon"></script> follow erich13 at twitter jaiku: http://jaiku.com/settings/badge <p style="text-align: center;"></p> <object height="255" width="200"> <param name="movie" value="about:blank"> <param name="wmode" value="transparent"><embed src="http://static.jaiku.com/images/badge-map.swf?feedURL=http://erich13.jaiku.com/feed/badge" type="application/x-shockwave-flash" wmode="transparent" width="200" height="255"></object> last.fm http://www.last.fm/resources/ get a last.fm badge like me! |
||||||||||||||||||||||||||||
Latest Twitter Post Javascript
Ever since update to Twitter, they removed the Javascript that auto conformed with the site CSS, to show your latest Twitter post. I really like this script, so I thought I would share mine here as the Twitter one is now gone, and doesn't look like we will ever see it again.
<center><a href="http://twitter.com/YOURUSERNAME"><b>My Twitter Updates</b></a></center><br>
<script type="text/javascript">
function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);
if (delta < 60) {
return 'less than a minute ago';
} else if(delta < 120) {
return 'about a minute ago';
} else if(delta < (45*60)) {
return (parseInt(delta / 60)).toString() + ' minutes ago';
} else if(delta < (90*60)) {
return 'about an hour ago';
} else if(delta < (24*60*60)) {
return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
} else if(delta < (48*60*60)) {
return '1 day ago';
} else {
return (parseInt(delta / 86400)).toString() + ' days ago';
}
}
function twitterCallback(obj) {
var id = obj[0].user.id;
document.getElementById('my_twitter_status').innerHTML = obj[0].text;
document.getElementById('my_twitter_status_time').innerHTML = relative_time(obj[0].created_at);
}
</script>
<span id="my_twitter_status"></span><br> <b><span id="my_twitter_status_time"></b></span>
<script type="text/javascript" src="http://www.twitter.com/statuses/user_timeline/YOURUSERNAME.json?callback=twitterCallback&count=1"></script>
Address : <http://geekswithblogs.net/mattcampbell/archive/2007/12/10/last-twitter-post-javascript.aspx>
Join my Flock
<div class="widget-content"> <p class="blogContent"><a set="yes" linkindex="26" href="http://spread.flock.com/buttons/?user=flockstars&ref=Join-my-Flock.gif"> <img id="iflock" style="border: medium none ;" alt="Join my Flock" src="http://spread.flock.com/buttons/Join-my-Flock.gif" class="http://flickr.com/photos/53343854@N00/352443891|No Description.@flockstarsabout|http://en.wikipedia.org/wiki/User:Eric.K.Herberholz,http://www.linkedin.com/in/herberholz,flockstarsflickr|eric.herberholz,http://del.icio.us/eric.k.herberholz,http://erich13.blogspot.com,http://ericherberholz.blogsome.com,http://erich13.izimi.com,http://flickr.com/people/eric-k-herberholz,http://performancing.com/blog/33364,http://ericherberholz.spaces.live.com/,http://erich13.vox.com/,http://erich13.wordpress.com/," title="Join my Flock" /></a></p> </div>
ShowYourself Widget
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<style type="text/css">
#showyourself {
font-family: "Trebuchet MS", arial, sans-serif;
width: 190px;
border: 1px solid #A8A8A8;
list-style: none;
margin: 0;
padding: 0;
}
#showyourself h2 {
color:#000000;
background-color: #FFC000;
text-align: center;
padding: 1px 5px;
font-size: 18px;
margin: 0;
font-weight: normal;
}
ul#showyourself li {
margin: 0px;
padding: 1px 0px;
list-style: none;
display: block;
}
#showyourself li+li {
border-top: 1px solid #A8A8A8;
}
#showyourself li a {
background: #E8E8E8;
display: block;
color: #000000;
font-size: 11px;
padding: 1px 3px;
border: 0;
text-decoration: none;
}
#showyourself li a img {
border-width: 0;
}
#showyourself li a:hover {
background: #FFFFFF;
}
#showyourself strong {
font-size: 15px;
font-weight: normal;
}
#showyourself .footer {
background-color: #FFC000;
font-size: 10px;
text-align: center;
}
#showyourself li a:hover.footer {
background-color: #FFC000;
text-decoration: underline;
}
</style>
<ul id="showyourself" class="widget vcard">
<li><h2 class="fn">Your Name</h2></li>
<li><a class="url" rel="me news" href="http://www.digg.com/users/username"><img src="http://www.dbachrach.com/showyourself/widget_images/digg.png" alt="Digg" /> <strong>Digg</strong>/username</a> </li>
<li><a class="url" rel="me photos" href="http://www.flickr.com/photos/username"><img src="http://www.dbachrach.com/showyourself/widget_images/flickr.png" alt="Flickr" /> <strong>Flickr</strong>/username</a> </li>
<li><a class="url" rel="me " href="http://www.myspace.com/username"><img src="http://www.dbachrach.com/showyourself/widget_images/myspace.png" alt="Myspace" /> <strong>Myspace</strong>/username</a> </li>
<li><a class="url" rel="me " href="http://facebook.com/profile.php?id=ID Number"><img src="http://www.dbachrach.com/showyourself/widget_images/facebook.png" alt="Facebook" /> <strong>Facebook</strong>/Your Name</a> </li>
<li><a class="url" rel="me " href="http://friendster.com/ID Number"><img src="http://www.dbachrach.com/showyourself/widget_images/friendster.png" alt="Friendster" /> <strong>Friendster</strong>/Your Name</a> </li>
<li><a class="url" rel="me " href="http://virb.com/username"><img src="http://www.dbachrach.com/showyourself/widget_images/virb.png" alt="Virb" /> <strong>Virb</strong>/username</a> </li>
<li><a class="url" rel="me resume" href="http://www.linkedin.com/in/Public Profile Name"><img src="http://www.dbachrach.com/showyourself/widget_images/linkedin.png" alt="Linkedin" /> <strong>Linkedin</strong>/Public Profile Name</a> </li>
<li><a class="url" rel="me " href="http://www.twitter.com/username"><img src="http://www.dbachrach.com/showyourself/widget_images/twitter.png" alt="Twitter" /> <strong>Twitter</strong>/username</a> </li>
<li><a class="url" rel="me video" href="http://www.youtube.com/username"><img src="http://www.dbachrach.com/showyourself/widget_images/youtube.png" alt="YouTube" /> <strong>YouTube</strong>/username</a> </li>
<li><a class="url" rel="me music" href="http://www.last.fm/user/username"><img src="http://www.dbachrach.com/showyourself/widget_images/lastfm.png" alt="Last.fm" /> <strong>Last.fm</strong>/username</a> </li>
<li><a class="url" rel="me bookmarks" href="http://del.icio.us/username"><img src="http://www.dbachrach.com/showyourself/widget_images/delicious.png" alt="Del.icio.us" /> <strong>Del.icio.us</strong>/username</a> </li>
<li><a class="url" rel="me " href="http://en.wikipedia.org/wiki/User:username"><img src="http://www.dbachrach.com/showyourself/widget_images/wikipedia.png" alt="Wikipedia" /> <strong>Wikipedia</strong>/username</a> </li>
<li><a class="url" rel="me wishlist" href="Direct URL"><img src="http://www.dbachrach.com/showyourself/widget_images/amazonwishlist.png" alt="Wishlist" /> <strong>Wishlist</strong>/Your Name</a> </li>
<li><a class="url" rel="me " href="skype:username?call"><img src="http://mystatus.skype.com/smallicon/username" alt="Skype" /> <strong>Skype</strong>/username</a> </li>
<li><a class="url" rel="me communication" href="aim:GoIM?screenname=screen name"><img src="http://api.oscar.aol.com/SOA/key=de1achH_7UpAYB9N/presence/screen name" alt="AIM" /> <strong>AIM</strong>/screen name</a> </li>
<li><a class="url" rel="me email" href="mailto:email address@gmail.com"><img src="http://www.dbachrach.com/showyourself/widget_images/gmail.png" alt="GMail" /> <strong>GMail</strong>/Your Name</a> </li>
<li><a class="url" rel="me comments" href="http://www.cocomment.com/comments/username"><img src="http://www.dbachrach.com/showyourself/widget_images/cocomment.png" alt="coComment" /> <strong>coComment</strong>/username</a> </li>
<li><a class="url" rel="me music" href="http://www.ijigg.com/profile/username"><img src="http://www.dbachrach.com/showyourself/widget_images/ijigg.png" alt="iJigg" /> <strong>iJigg</strong>/username</a> </li>
<li><a class="url" rel="me music" href="http://www.purevolume.com/listeners/username"><img src="http://www.dbachrach.com/showyourself/widget_images/purevolume.png" alt="PureVolume" /> <strong>PureVolume</strong>/username</a> </li>
<li><a class="url" rel="me events" href="http://upcoming.org/user/ID Number"><img src="http://www.dbachrach.com/showyourself/widget_images/upcoming.png" alt="Upcoming" /> <strong>Upcoming</strong>/Your Name</a> </li>
<li><a class="url" rel="me games" href="http://www.kongregate.com/accounts/username"><img src="http://www.dbachrach.com/showyourself/widget_images/kongregate.png" alt="Kongregate" /> <strong>Kongregate</strong>/username</a> </li>
<li><a class="url" rel="me " href="http://username.zaadz.com/"><img src="http://www.dbachrach.com/showyourself/widget_images/zaadz.png" alt="Zaadz" /> <strong>Zaadz</strong>/username</a> </li>
<li><a class="url" rel="me " href="http://www.technorati.com/profile/username"><img src="http://www.dbachrach.com/showyourself/widget_images/technorati.png" alt="Technorati" /> <strong>Technorati</strong>/username</a> </li>
<li><a class="url" rel="me " href="http://www.mybloglog.com/buzz/members/username"><img src="http://www.dbachrach.com/showyourself/widget_images/mybloglog.png" alt="MyBlogLog" /> <strong>MyBlogLog</strong>/username</a> </li>
<li><a class="url" rel="me blog" href="URL to any blog (http://...)"><img src="http://www.dbachrach.com/showyourself/widget_images/blog.png" alt="Blog" /> <strong>Blog</strong>/Your Name</a> </li>
<li> <a href="http://www.dbachrach.com/showyourself/" class="footer"> Get your own Widget</a> </li>
</ul><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/CIMP/Jmx*PTEyMDIwOTE5ODU2NTkmcHQ9MTIwMjA5MjAwMjM4MCZwPTE1MzkzMSZkPSZuPQ==.jpg" />