March | 2009 | BenSpark Family Adventures

I have been doing a personal project since my 31st birthday on April 9th, 2005. I have taken and posted a Photo-A-Day through Buzznet for 2150+ consecutive days. I am recommitting myself to continue to take one photo each day for another 2150 days at least.

The idea for this project came from Christopher Williams, a fantastic folk singer who set up his own Photo-A-Day project in 2002. To me this is a great concept. After one year you have a brief photo journal of each day of that entire year. I have 3/4 of 2005 all of 2006, 2007, 2008, 2009 and 2010 captured by Photo-A-Day.

I would like to get the Photo-A-Day word out there to as many people as possible. One way is for people to link to it through their sites and another is to actually add the Photo-A-Day Javascript or Flash banners to their Blogs.

Will you help spread the word?

Below are some examples of code for your site. The Javascript simply shows one photo each day. It takes up very little space on your sidebar. The second is a horizontal banner that shows the last 4 photos from Photo-A-Day. The third is the option of a vertical banner showing the last 4 photos from Photo-A-Day and the last option is a Mini Gallery that shows one large image and then last 9 photos from Photo-A-Day.

Here is the code for Javascript.

</p>
<table bgcolor=white border=1>
<tr>
<td align=center><font size=2><strong><a href="https://benspark.com">BenSpark.com</a><br />Photo-A-Day</strong></font></td>
</tr>
<tr>
<td align=center>
<style type="text/css">
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:150px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#FFFFFF;}
#flickr_badge_wrapper {background-color:#FFFFFF;border: solid 1px #FFFFFF}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}
</style>
<div id="flickr_badge_wrapper"><script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=1&display=latest&size=s&layout=x&source=user_tag&user=80081080%40N00&tag=photo-a-day"></script></div>
</td>
</tr>
</table>
<p>

Highlight Code

This is what it looks like.

BenSpark.com
Photo-A-Day

Here is the code for a Horizontal Banner with Flash.

</p>
<div align="center">
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#FFFFFF;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 2px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 2px 0 2px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#FFFFFF;}
#flickr_badge_wrapper {background-color:#FFFFFF;border: solid 1px #FFFFFF}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><a href="https://benspark.com/photo-a-day.html" id="flickr_www">www.<strong style="color:#3993ff">benspark.com<span style="color:#ff1c92"> Photo-A-Day</span></strong></a></td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<tr><script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=5&display=latest&size=s&layout=h&source=user_tag&user=80081080%40N00&tag=photo-a-day"></script></tr>
</table>
</td>
</tr>
</table>
</div>
<p>

Highlight Code

This is what it looks like.

www.benspark.com Photo-A-Day

Here is the code for a Vertical Banner with Flash.

</p>
<div align=center></p>
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#FFFFFF;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 0px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 0px 0 0px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#FFFFFF;}
#flickr_badge_wrapper {background-color:#FFFFFF;border: solid 1px #FFFFFF}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><a href="https://benspark.com/photo-a-day.html" id="flickr_www">www.<strong style="color:#3993ff">benspark.com <span style="color:#ff1c92"> Photo-A-Day</span></strong></a></p>
<table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=5&display=latest&size=s&layout=v&source=user_tag&user=80081080%40N00&tag=photo-a-day"></script></table>
</td>
</tr>
</table>
</div>
<p>

Highlight Code

This is what it looks like.

www.benspark.com Photo-A-Day

By adding one of these Photo-A-Day banners to your site you are ensuring new content added to your site daily. Photo-A-Day is always appropriate for all ages and has been a wonderful project that I have enjoyed doing for the past 6 1/2 years. I plan to continue as long as it is fun for me to do so. Please consider adding Photo-A-Day to your website. Here is an example of the past year’s worth of Photo-A-Day photos.

Thank you.

I’ve been cleaning up my blog and moved Socialcardsters to a post rather than a page of its own. All the links back should still work without any issue. Blogrolling has been offline for a while and they are now back. The service now includes an Ad bar when you follow each link, it is a small annoyance but worth it to visit all the SocialSpark users and drop Entrecards to them. I also need to go through and purge out users who no longer use Entrecard. I will do that soon. At the bottom of this post is a form for you to submit your own blogs to be included into the SocialCardsters Blogroll.

There are many people who are part of SocialSpark and who also use Entrecard. I have been compiling a blog roll of all people who are using both services. You can copy the blog roll and add it to your blog and I’d love it if you would put the SocialCardsters image under your Entrecard widget. It would look like this.

You can use this blogroll and Linky to visit each member of this blogroll, drop your entrecard and stop by to comment on their latests posts. I will drop on the top 300 people each day. This blogroll is set up to be random so it will be a fair drop each day. If you would like your blog to be listed you must be a member of Social Spark and have an Entrecard widget on your blog.

Here is the code for Javascript.

Highlight Code

Blogroll getting too long, here is an adjustable scrolling window option.

Highlight Code

Show your support for the SocialCardsters, grab the image to add under your Entrecard widget.

Here is the image for the 127 X 148 Widget

SocialCardsters underwidget 127
Download the SocialCardsters 127 Image
Click the link and then right click on the image and choose Save as… to save the image to your PC and then upload to your blog. Make sure you link the image to https://benspark.com/socialcardsters so we can grow the blogroll.

Here is the image for the 200 X 127 Widget

SocialCardsters underwidget 200
Download SocialCardsters 200 Image
Click the link and then right click on the image and choose Save as… to save the image to your PC and then upload to your blog. Make sure you link the image to https://benspark.com/socialcardsters so we can grow the blogroll.

Here is the image for the 250 X 127 Widget

SocialCardsters underwidget 250
Download SocialCardsters 250 Image
Click the link and then right click on the image and choose Save as… to save the image to your PC and then upload to your blog. Make sure you link the image to https://benspark.com/socialcardsters so we can grow the blogroll.

Submit your blogs to be included in SocialCardsters.

FormSpring – Web Form Creator

BenSpark Family Adventures

Monthly Archives: March 2009

Photo-A-Day

One Family's Adventures in the World