PDA

View Full Version : Any idea how to do this...? Add image link.



grantashley
Jan 15th, 2007, 11:48 AM
Hi, ive got a slight problem. Ive changed a blog to the new type of blogger and now im slightly stuck with adding these links to the sidebar.

the blog at the moment looks like this:

http://i3.tinypic.com/2e6d4ig.jpg

and i want it to look like this:

http://i14.tinypic.com/4gq8uf7.jpg

with this pic http://i13.tinypic.com/2vlqvkm.jpg linking to www.entesapermallorca.org

and this pic http://i11.tinypic.com/4bi7rma.jpg mailing to [email protected]




Heres the html coding to download by yousendit.com http://download.yousendit.com/31887F017E2DB93E



If anyone can help me, please do it soon, because its quite important!

ahallicks
Jan 15th, 2007, 12:22 PM
Take it you are using html/CSS?

In which case you need to add this to your CSS:

#image1 {
background-image: url(theurl.jpg);
width: 100px;
height: 50px;
float: left;
}

#image2 {
background-image: url(theurl.jpg);
width: 100px;
height: 50px;
float: left;
}

Then use margins within that div to position it where you want the images to go. Got a link to this blog?

Obviously you need to change the url, heights and widths, to match those that you want!

grantashley
Jan 15th, 2007, 12:30 PM
Take it you are using html/CSS?

In which case you need to add this to your CSS:

#image1 {
background-image: url(theurl.jpg);
width: 100px;
height: 50px;
float: left;
}

#image2 {
background-image: url(theurl.jpg);
width: 100px;
height: 50px;
float: left;
}

Then use margins within that div to position it where you want the images to go. Got a link to this blog?

Obviously you need to change the url, heights and widths, to match those that you want!


heres the link to the blog http://entesaperpalma.blogspot.com/

I dont know to much about the new html coding that the bloggers are using. Ive uploaded the how html codding to a wordpad. you can download it if you want to take a look at it.
Where should i past the #image1 { in the html coding?

grantashley
Jan 15th, 2007, 12:32 PM
with the other blogs, ive alwas put this in

<p <li><a href="http://www.looop.biz" target=" http://www.looop.biz"><img src="http://i17.tinypic.com/2j2zslj.jpg" border="0" alt="www.looop.biz" /></a></li></p>



to the


</ul>
<MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>

but i cant find that part on the new blog :confused: