Post Thu Jan 13, 2011 5:07 pm

Linking my own audio and my own illustration - clickable

Hello !

I'm a newbie, so it's possible I will violate a standard posting practice here. If so, I promise to learn from your comments. I also posted a reference to this in my 'welcome new members' post last night. Sometimes that can be a bad thing to do. But nobody answered right away and I will go and post a response to that saying this part is here.

I want to be able to LINK DIRECTLY to some of my short audio episodes, using an illustrated link. But I cannot make that work. I found a help file (maybe on blogger itself?) about changing the settings/format and show link fields to yes, but I have only managed to create a text link that the blog reader can click on to play one of my audio's. I want to be able to have the reader click on one of my illustrations. So it looks like they're playing the song (in this case) from an album cover. (I put the audio link below, followed by the picture of mine that I'm trying to connect with it - I pulled these out of the html I've been fooling with at blogger)

I searched this forum as best as I could guess but am not finding tips on how to do this.
I've been looking at lots of html examples on the web too. I put an example below I've been working with in blogger html mode.

My regular blog is http://simpleromantic.blogspot.com

I'm testing in a companion blog of mine - it really doesn't belong there! That blog is my study journal for learning Objective-C. The audio link works there, but only if you click on the title. I want the reader to be able to click on an illustration.

Here is my audio link
http://web.me.com/thesimpleromantic/The ... Comin.html

When I put that link into my browser and hit enter/go it goes to the place where my audio is and runs it (I have an illustration there too, but that's just by the way)

I have the illustration that I want to make clickable out in my blog file space it's
ttp://4.bp.blogspot.com/_ebuoSkHhY9s/TS ... n%2527.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/_ebuoSkHhY9s/TS6EbdM4G2I/AAAAAAAAABo/gSN3tT-Lvsw/s320/Journal-Train-Is-A-Comin%2527.jpg

.........

In Compose mode, I tried embedding the audio link every place I could get that little box to come up.

Here's what I have working in my companion (currently serving as a test bed) blog
http://anewobjective.blogspot.com/2011/ ... comin.html

..... In html mode, I fooled with these tagged lines .....

<a href='http://web.me.com/thesimpleromantic/The_Simple_Romantic/Podcast/Entries/2011/1/6_Special_Episode__American_Spiritual__Train_is_a_Comin.html'>

</a>

<a href="http://4.bp.blogspot.com/_ebuoSkHhY9s/TS6EbdM4G2I/AAAAAAAAABo/gSN3tT-Lvsw/s1600/Journal-Train-Is-A-Comin%2527.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/_ebuoSkHhY9s/TS6EbdM4G2I/AAAAAAAAABo/gSN3tT-Lvsw/s320/Journal-Train-Is-A-Comin%2527.jpg" width="176" /></a>