LibriVox banner

lugubres · Post by **lugubres** » August 30th, 2006, 10:55 am

Hi,

I'm new to LibriVox and would like to know how I can add its banner and Gutenberg project banner to my new blog.

Thanks
Lugubres

Sayeth · Post by **Sayeth** » August 30th, 2006, 11:13 am

Welcome!

Librivox banners and promotional material can be found on the Librivox wiki:
http://librivox.org/wiki/moin.cgi/PromotionalMaterial

Gutenberg has their banners along with the sample HTML you need for linking them here: http://www.gutenberg.org/wiki/Gutenberg:Promote_Project_Gutenberg

Thanks for helping to get the word out!

kri · Post by **kri** » August 30th, 2006, 4:09 pm

Let me know if you need any basic HTML help with how to get the images to display on your site. You need to make sure that you're not linking to the images online, but download them to your computer, and upload them to your site. Then link to them from your site.

lugubres · Post by **lugubres** » August 30th, 2006, 6:15 pm

Hi Kri:

Yes I would like some instructions. I know how to save the image to my computer. The problem is the html tags needed and where do I put it? Right now I have a post, my very first (with spacing issues that I don't know how to solve, checked the codes; they're fine). I know the banner should be under the I Power Blogger banner but in template or what?

Thanks
Lugubres

kri · Post by **kri** » August 30th, 2006, 6:19 pm

lugubres wrote:Hi Kri:

Yes I would like some instructions. I know how to save the image to my computer. The problem is the html tags needed and where do I put it? Right now I have a post, my very first (with spacing issues that I don't know how to solve, checked the codes; they're fine). I know the banner should be under the I Power Blogger banner but in template or what?

Thanks
Lugubres

The only way I can really help you with your template is if I can see the code. However, here's the code you can use to show your images in your blog.

Code: Select all

<img src="IMAGE-URL" alt="Image Name" />

Just replace IMAGE-URL with the full URL of the image, and Image Name with whatever you want to call it. The Image Name thing is for people who don't have images viewable in their browser.[/code]

12makoto · Post by **12makoto** » August 31st, 2006, 5:55 am

If you're planning on linking your image back to here, don't forget to put <a href="http://www.librivox.org"></a> around the image, so the whole line would look like:

Code: Select all

<a href="http://www.librivox.org"><img src="IMAGE-URL" alt="Image Name" />
</a>

Using Kri's already established name replacement convention, of course ^_^

Sean

kayray · Post by **kayray** » August 31st, 2006, 6:13 am

And you need to have the image NOT on your own local computer but on a server on the internet... Flickr might work but I think they resize things.

lugubres · Post by **lugubres** » September 1st, 2006, 12:14 pm

Thanks everyone for your help. Basically I used the codes you provided and did in 2 steps. I inserted the photos in Layout to get the html tags of where the photo is located and then I inserted them into a html & link page element box with the rest of the codes. Happy!

Lugubres

lugubres · Post by **lugubres** » September 1st, 2006, 12:16 pm

oops.. how can I give credit to Kristen for her banner? (the one with the headphone and voice for librivox)

12makoto · Post by **12makoto** » September 1st, 2006, 12:30 pm

You would usually put small text below the image like "Provided by Kristen" or something and maybe link her name to her site.

Sean

lugubres · Post by **lugubres** » September 1st, 2006, 12:42 pm

But my alt text is librivox.org. How can I have more stuff after that?

12makoto · Post by **12makoto** » September 1st, 2006, 12:51 pm

You can put more in the alt attribute if you want, but since she puts her website to credit, you should probably put something like:

Code: Select all

<br />Image provided by <a href="http://www.mediatinker.com">Kristen</a>

This code should give you another line of text just below the image.

And then you can play around with the font size so that it doesn't interfere with the flow of the page (if needed), which could be like:

Code: Select all

<br /><span style="font-size:small;">Image provided by <a href="http://www.mediatinker.com">Kristen</a></span>

And if that is too small or doesn't look right put in 12px instead of the small above and then change the number up or down until you get the look you want ^_^

Sean

lugubres · Post by **lugubres** » September 1st, 2006, 1:13 pm

Thanks. I found something similar.

Stephan · Post by **Stephan** » September 1st, 2006, 1:16 pm

If you would like to have a custom librivox banner of a certain size and style that would better match to your site, i offer to do one for you.

lugubres · Post by **lugubres** » September 1st, 2006, 1:56 pm

Thanks everyone. I think it's enough for me for the moment.

Stephan wrote:If you would like to have a custom librivox banner of a certain size and style that would better match to your site, i offer to do one for you.