Friday, November 19, 2010

How do I get the HTML code from a logo to place on my blog?

There is a site that would like me to put their logo on to my blog. How do I get the html code for the logo so it links to their page?How do I get the HTML code from a logo to place on my blog?
Making an image a link:



%26lt;p%26gt;%26lt;a href=';URL path to external link'; title=';Mouseover Description';%26gt;%26lt;img style=';width: XXpx; height: YYpx; border: 0;'; src=';Path to image'; alt=';Text Description';%26gt;%26lt;/a%26gt;%26lt;/p%26gt;



You can change the ';p'; tags to div tags and style as needed.



Right-click the logo and select View Image from Context Menu to get the URL of the image.



RonHow do I get the HTML code from a logo to place on my blog?
If they want you to put their logo on your blog, then they should send you a code snippet that does this for you. All you should have to do is put the code snippet in your site code where you want it to appear.
%26lt;a href=';http://www.theirwebsite.com'; title=';Company Name';%26gt;%26lt;img src=';path/to/logo'; alt=';Link to Company Name'; /%26gt;%26lt;/a%26gt;
I would have expected them to give you the required HTML code.



To do it yourself you will need the URL of their page and an image of their logo.



I assume you already know the URL of their page (such as company.url).



To get an image of their logo you may need to do one of several different things. I assume the logo is on their website.



Try each of these until you get an image (such as image.jpg) and skip the rest.



- Right click on their logo and ';Save image as...';

- Look at the source code for their page and locate the URL for their logo image. This may involve looking for a CSS background image in a linked CSS file. Once you have the image URL, download it.

- Take a screen capture of the page with the logo (Alt-PrtSc on a Windows PC), copy into a graphics programme such as MSPaint (Ctrl-C on a Windows PC), crop the logo from the rest of the page and save,



Then the code your need is:



%26lt;a href=';company.url';%26gt;%26lt;img src=';image.jpg'; alt=';company';%26gt;%26lt;/a%26gt;
lots of codes here http://hacksforhacks.webs.com/htmlcoding
http://www.quackit.com/html/codes/html_p

No comments:

Post a Comment