6 ms·

Red Cross and others will likely be jumping to the aide of those who have been affected by this disaster. If you have a website, please consider adding a messa

Red Cross and others will likely be jumping to the aide of those who have been affected by this disaster. If you have a website, please consider adding a message and link to the Red Cross donation website or the link to the donation page of any other website. To get it up ASAP, I've used the HelloBar (http://www.hellobar.com http://www.hellobar.com) on my site. You can see a working version of it at http://www.webdesigncompany.net http://www.webdesigncompany.net but really any way that grabs attention would be a good way. PS: I'm not associated with the HelloBar product but I've sent them an email requesting that they allow those who want to use their product to participate to get an invite to their beta. Hopefully they'll reply here soon. If you don't want to setup an account or don't have an invite yet, you could copy/paste the following code: <script type="text/javascript" src="//www.hellobar.com/hellobar.js"></script> <script type="text/javascript"> new HelloBar(3823,9104); </script> The text and link will never change.

ascendant 16y ago
I want to upvote this a million times over. Hacker-type people, do what you can and add the link,
dtelepathy 16y ago
Thanks Melvin. Great idea. We've set up the invite code "helpjapan" if you would like to use Hello Bar to encourage aid. Melvin's working version is a great example to duplicate. Just sign up at http://www.hellobar.com http://www.hellobar.com and enter the invite code on the next page. Pasting Melvin's code is a great alternative as well if you don't want to sign up for an account.
melvinram 16y ago
FYI: I'm getting about 5% click through rate on this... so if you assume that half of those donate and that each person donates $10 minimum, you can figure out how much money you can raise from simple copy/pasting a few lines of code.
dtelepathy 16y ago
Awesome to hear about the clickthrough rate. I just wrote this post: http://www.dtelepathy.com/blog/telepathy/how-to-help-japan-with-aid-and-awareness/ http://www.dtelepathy.com/blog/telepathy/how-to-help-japan-w... I am also going to ask some of the speakers at SXSW to share the "helpjapan" invite key at their talks. I updated the code to a Hello Bar we control in case there are scaling issues: <script type="text/javascript" src="//www.hellobar.com/hellobar.js"></script> <script type="text/javascript"> new HelloBar(1,9126); </script> <noscript>Help The Victims of the 8.9 Earthquake in Japan by Spreading Awareness and Aid. Visit http://goo.gl/wjZQz http://goo.gl/wjZQz to donate. </noscript>
mttwrnr 16y ago
This is a great idea. I'll be adding it to my site shortly.
donw 16y ago
I set up a WePay donation page, but this is way better if you've got any sort of traffic. Let's help these people out.
krig 16y ago
I tried adding this to my tumblr, but the hello bar unfortunately conflicts with the tumblr controls at the top right (it gets pushed down). Not sure how to resolve that. :/
- dtelepathy 16y ago
  You can change the positing setting to cover page content. Here's an example: http://www.arookiemistake.com/ http://www.arookiemistake.com/
- redigits 16y ago
  Here are the steps you need to take in order to place the Hello Bar on your Tumblr blog: 1. Insert the following code in the header section of the page. It is a new CSS style script for the hello bar. These settings will be called by the hellobar script in the body. <style type=”text/css”>#hellobar-wrapper{height:30px;margin:0;overflow:visible;padding:0;position:relative;width:100%;z-index:2}#hellobar-container{font-size:14px;font-weight:normal;height:30px;line-height:30px;margin:0;overflow:visible;padding:0;position:relative;text-align:center;width:100%;z-index:1000}#hellobar-container a,#hellobar-container a:link,#hellobar-container a:visited,#hellobar-container a:hover{font-size:14px;padding:0;border:none;text-decoration:underline}#hellobar-container a:hover{text-decoration:none}#hellobar-shadow{position:absolute;bottom:-8px;left:0;width:100%;height:8px;line-height:8px;overflow:hidden;background:url(//assets-hellobar-com.s3.amazonaws.com/system/modules/hellobar/lib/shadow.png)}a#hellobar-logo,a#hellobar-logo:link,a#hellobar-logo:visited{background:url(//assets-hellobar-com.s3.amazonaws.com/system/modules/hellobar/lib/logo.png);height:0;left:20px;overflow:hidden;padding:22px 0 0;position:absolute;top:3px;width:44px}#hellobar-wrapper.hellobar-left a#hellobar-logo,#hellobar-wrapper.hellobar-left a#hellobar-logo:link,#hellobar-wrapper.hellobar-left a#hellobar-logo:visited{left:auto;right:20px}a#hellobar-close,a#hellobar-close:link,a#hellobar-close:visited{background-image:url(//assets-hellobar-com.s3.amazonaws.com/system/modules/hellobar/lib/up.png);background-position:0 0;display:block;height:0;overflow:hidden;padding:19px 0 0 0;position:absolute;right:20px;top:6px;width:18px;z-index:10;border:none}#hellobar-wrapper.hellobar-left a#hellobar-close,#hellobar-wrapper.hellobar-left a#hellobar-close:link,#hellobar-wrapper.hellobar-left a#hellobar-close:visited{right:auto;left:20px}a#hellobar-close:hover{background-position:0 -19px;padding:20px 0 0;border:none}a#hellobar-open,a#hellobar-open:link,a#hellobar-open:visited{background-image:url(//assets-hellobar-com.s3.amazonaws.com/system/modules/hellobar/lib/down.png);background-repeat:no-repeat;background-position:center 53px;display:block;height:0;overflow:hidden;padding:80px 0 0;position:absolute;right:10px;top:-96px;width:35px;z-index:100;box-shadow:0 0 5px rgba(0,0,0,0.35);-moz-box-shadow:0 0 5px rgba(0,0,0,0.35);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);-ms-filter:”progid:DXImageTransform.Microsoft.Shadow(Color=#e5e5e5,direction=120,strength=3)”;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#e5e5e5,direction=120,strength=3);-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-width:3px;border-style:solid}#hellobar-wrapper.hellobar-left a#hellobar-open,#hellobar-wrapper.hellobar-left a#hellobar-open:link,#hellobar-wrapper.hellobar-left a#hellobar-open:visited{right:auto;left:10px}a#hellobar-open:hover{padding:80px 0 0;border-width:3px;border-style:solid}#hellobar-container{font-family:Helvetica,Arial,sans-serif;background:#c20202;color:#fff}#hellobar-container a,#hellobar-container a:link,#hellobar-container a:visited{color:#fff982}a#hellobar-open,a#hellobar-open:link,a#hellobar-open:visited{background-color:#c20202;border-color: #ffffff}a#hellobar-open:hover{background-color:rgb(232,40,40)}</style> 2. Then, right after the <body> tag, insert the following code. <div style=”display: block; height: 33px; ” id=”hellobar-wrapper” class=” hellobar-left”><div id=”hellobar-container” style=”top: 0px; “><span>Japan has been hit by a major 8.9 earthquake. Please donate to</span> <a href=”https://donate.doctorswithoutborders.org/SSLPage.aspx?pid=214” https://donate.doctorswithoutborders.org/SSLPage.aspx?pid=21... target=”_blank”>Doctors Without Borders</a><a href=”//www.hellobar.com/” title=”The HelloBar - a little bar that gets noticed!” target=”_blank” id=”hellobar-logo”>The HelloBar - a little bar that gets noticed!</a><a href=”#close” id=”hellobar-close”>Close</a><div id=”hellobar-shadow”></div></div><a href=”#close” id=”hellobar-open” style=”top: -96px; “>Open</a></div> ——- That’s it! Let’s try to support Japan as much as we can! Place the hello bar on your Tumblr blog to support Japan today!
godforce 16y ago
Where do I add it in WordPress and BuddyPress?
- dtelepathy 16y ago
  Here's a simple WordPress plugin to install the code: http://wordpress.org/extend/plugins/hellobar/ http://wordpress.org/extend/plugins/hellobar/
friedrich5 16y ago
On a "blogspot: blog, where does it go? Or can you get google to make it appear on all blogs for a period of time ?
skybrian 16y ago
Here's the best article I've seen about how to donate: http://blog.givewell.org/2011/03/11/japan-earthquaketsunami-disaster-relief-donations/ http://blog.givewell.org/2011/03/11/japan-earthquaketsunami-... "At this point we strongly recommend holding off on giving to this relief/recovery effort. We believe that money isn’t a cure-all, and that there can be such a thing as an 'overfunded' relief effort even in a devastating disaster. We don’t know yet whether that is the case with Japan, but we believe that the next few days will bring valuable information about it (and we will be providing updates in this space). We also believe that waiting a few days will not diminish the impact of your donations."
herronicoras 16y ago
Fantastic idea. Added: http://www.bullyentertainment.com http://www.bullyentertainment.com
- melvinram 16y ago
  Very nice website!!
yaoiadiccion 16y ago
<script type="text/javascript" src="//www.hellobar.com/hellobar.js"></script> <script type="text/javascript"> new HelloBar(3823,9104); </script>
ionizado 16y ago
Japón necesita de ti, tu donativo irá a Doctores sin fronteras.
pawerino 16y ago
Ayudemos a los Creadores de Goku y Robots Gigantes.
luciaagpr 16y ago
buena, excelente idea
Gamersleak 16y ago
Just added this to http://gamersleak.com http://gamersleak.com! It wonderful how we are all coming together for this tragic event..
redigits 16y ago
Thanks for deleting my comment on how to add the hello bar to Tumblr, easily. Good job.
tylerdoo711 16y ago
To learn how you can help the Disaster in Japan and donate please click on this link : <script type="text/javascript" src="//www.hellobar.com/hellobar.js"></script> <script type="text/javascript"> new HelloBar(3823,9104); </script>

ascendant 16y ago

I want to upvote this a million times over. Hacker-type people, do what you can and add the link,

dtelepathy 16y ago

Thanks Melvin. Great idea. We've set up the invite code "helpjapan" if you would like to use Hello Bar to encourage aid. Melvin's working version is a great example to duplicate. Just sign up at http://www.hellobar.com http://www.hellobar.com and enter the invite code on the next page. Pasting Melvin's code is a great alternative as well if you don't want to sign up for an account.

melvinram 16y ago

FYI: I'm getting about 5% click through rate on this... so if you assume that half of those donate and that each person donates $10 minimum, you can figure out how much money you can raise from simple copy/pasting a few lines of code.

dtelepathy 16y ago

Awesome to hear about the clickthrough rate. I just wrote this post: http://www.dtelepathy.com/blog/telepathy/how-to-help-japan-with-aid-and-awareness/ http://www.dtelepathy.com/blog/telepathy/how-to-help-japan-w... I am also going to ask some of the speakers at SXSW to share the "helpjapan" invite key at their talks. I updated the code to a Hello Bar we control in case there are scaling issues: <script type="text/javascript" src="//www.hellobar.com/hellobar.js"></script> <script type="text/javascript"> new HelloBar(1,9126); </script> <noscript>Help The Victims of the 8.9 Earthquake in Japan by Spreading Awareness and Aid. Visit http://goo.gl/wjZQz http://goo.gl/wjZQz to donate. </noscript>

mttwrnr 16y ago

This is a great idea. I'll be adding it to my site shortly.

donw 16y ago

I set up a WePay donation page, but this is way better if you've got any sort of traffic. Let's help these people out.

krig 16y ago

I tried adding this to my tumblr, but the hello bar unfortunately conflicts with the tumblr controls at the top right (it gets pushed down). Not sure how to resolve that. :/

dtelepathy 16y ago
You can change the positing setting to cover page content. Here's an example: http://www.arookiemistake.com/ http://www.arookiemistake.com/
redigits 16y ago
Here are the steps you need to take in order to place the Hello Bar on your Tumblr blog: 1. Insert the following code in the header section of the page. It is a new CSS style script for the hello bar. These settings will be called by the hellobar script in the body. <style type=”text/css”>#hellobar-wrapper{height:30px;margin:0;overflow:visible;padding:0;position:relative;width:100%;z-index:2}#hellobar-container{font-size:14px;font-weight:normal;height:30px;line-height:30px;margin:0;overflow:visible;padding:0;position:relative;text-align:center;width:100%;z-index:1000}#hellobar-container a,#hellobar-container a:link,#hellobar-container a:visited,#hellobar-container a:hover{font-size:14px;padding:0;border:none;text-decoration:underline}#hellobar-container a:hover{text-decoration:none}#hellobar-shadow{position:absolute;bottom:-8px;left:0;width:100%;height:8px;line-height:8px;overflow:hidden;background:url(//assets-hellobar-com.s3.amazonaws.com/system/modules/hellobar/lib/shadow.png)}a#hellobar-logo,a#hellobar-logo:link,a#hellobar-logo:visited{background:url(//assets-hellobar-com.s3.amazonaws.com/system/modules/hellobar/lib/logo.png);height:0;left:20px;overflow:hidden;padding:22px 0 0;position:absolute;top:3px;width:44px}#hellobar-wrapper.hellobar-left a#hellobar-logo,#hellobar-wrapper.hellobar-left a#hellobar-logo:link,#hellobar-wrapper.hellobar-left a#hellobar-logo:visited{left:auto;right:20px}a#hellobar-close,a#hellobar-close:link,a#hellobar-close:visited{background-image:url(//assets-hellobar-com.s3.amazonaws.com/system/modules/hellobar/lib/up.png);background-position:0 0;display:block;height:0;overflow:hidden;padding:19px 0 0 0;position:absolute;right:20px;top:6px;width:18px;z-index:10;border:none}#hellobar-wrapper.hellobar-left a#hellobar-close,#hellobar-wrapper.hellobar-left a#hellobar-close:link,#hellobar-wrapper.hellobar-left a#hellobar-close:visited{right:auto;left:20px}a#hellobar-close:hover{background-position:0 -19px;padding:20px 0 0;border:none}a#hellobar-open,a#hellobar-open:link,a#hellobar-open:visited{background-image:url(//assets-hellobar-com.s3.amazonaws.com/system/modules/hellobar/lib/down.png);background-repeat:no-repeat;background-position:center 53px;display:block;height:0;overflow:hidden;padding:80px 0 0;position:absolute;right:10px;top:-96px;width:35px;z-index:100;box-shadow:0 0 5px rgba(0,0,0,0.35);-moz-box-shadow:0 0 5px rgba(0,0,0,0.35);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);-ms-filter:”progid:DXImageTransform.Microsoft.Shadow(Color=#e5e5e5,direction=120,strength=3)”;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#e5e5e5,direction=120,strength=3);-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-width:3px;border-style:solid}#hellobar-wrapper.hellobar-left a#hellobar-open,#hellobar-wrapper.hellobar-left a#hellobar-open:link,#hellobar-wrapper.hellobar-left a#hellobar-open:visited{right:auto;left:10px}a#hellobar-open:hover{padding:80px 0 0;border-width:3px;border-style:solid}#hellobar-container{font-family:Helvetica,Arial,sans-serif;background:#c20202;color:#fff}#hellobar-container a,#hellobar-container a:link,#hellobar-container a:visited{color:#fff982}a#hellobar-open,a#hellobar-open:link,a#hellobar-open:visited{background-color:#c20202;border-color: #ffffff}a#hellobar-open:hover{background-color:rgb(232,40,40)}</style> 2. Then, right after the <body> tag, insert the following code. <div style=”display: block; height: 33px; ” id=”hellobar-wrapper” class=” hellobar-left”><div id=”hellobar-container” style=”top: 0px; “><span>Japan has been hit by a major 8.9 earthquake. Please donate to</span> <a href=”https://donate.doctorswithoutborders.org/SSLPage.aspx?pid=214” https://donate.doctorswithoutborders.org/SSLPage.aspx?pid=21... target=”_blank”>Doctors Without Borders</a><a href=”//www.hellobar.com/” title=”The HelloBar - a little bar that gets noticed!” target=”_blank” id=”hellobar-logo”>The HelloBar - a little bar that gets noticed!</a><a href=”#close” id=”hellobar-close”>Close</a><div id=”hellobar-shadow”></div></div><a href=”#close” id=”hellobar-open” style=”top: -96px; “>Open</a></div> ——- That’s it! Let’s try to support Japan as much as we can! Place the hello bar on your Tumblr blog to support Japan today!

godforce 16y ago

Where do I add it in WordPress and BuddyPress?

dtelepathy 16y ago
Here's a simple WordPress plugin to install the code: http://wordpress.org/extend/plugins/hellobar/ http://wordpress.org/extend/plugins/hellobar/

friedrich5 16y ago

On a "blogspot: blog, where does it go? Or can you get google to make it appear on all blogs for a period of time ?

skybrian 16y ago

Here's the best article I've seen about how to donate: http://blog.givewell.org/2011/03/11/japan-earthquaketsunami-disaster-relief-donations/ http://blog.givewell.org/2011/03/11/japan-earthquaketsunami-... "At this point we strongly recommend holding off on giving to this relief/recovery effort. We believe that money isn’t a cure-all, and that there can be such a thing as an 'overfunded' relief effort even in a devastating disaster. We don’t know yet whether that is the case with Japan, but we believe that the next few days will bring valuable information about it (and we will be providing updates in this space). We also believe that waiting a few days will not diminish the impact of your donations."

herronicoras 16y ago

Fantastic idea. Added: http://www.bullyentertainment.com http://www.bullyentertainment.com

melvinram 16y ago
Very nice website!!

yaoiadiccion 16y ago

ionizado 16y ago

Japón necesita de ti, tu donativo irá a Doctores sin fronteras.

pawerino 16y ago

Ayudemos a los Creadores de Goku y Robots Gigantes.

luciaagpr 16y ago

buena, excelente idea

Gamersleak 16y ago

Just added this to http://gamersleak.com http://gamersleak.com! It wonderful how we are all coming together for this tragic event..

redigits 16y ago

Thanks for deleting my comment on how to add the hello bar to Tumblr, easily. Good job.

tylerdoo711 16y ago

To learn how you can help the Disaster in Japan and donate please click on this link : <script type="text/javascript" src="//www.hellobar.com/hellobar.js"></script> <script type="text/javascript"> new HelloBar(3823,9104); </script>