add an image on widget
-
I have an image (.jpg) from my desktop I want to upload on my side bar, it’s a button downloaded from a web site.
/Users/valeriaparisi/Desktop/button-Angie&AmyPick.jpg
when I go to widget/image/URL it dosen’t come up on the site. I see “the little blue squared box with the question mark”!
is there anything wrong in the download?
The blog I need help with is: (visible only to logged in users)
-
Has to be the complete URL of an image (starting with “http”). So you need to upload the image to your blog first and copy its URL.
-
-
-
If the http:// link works, then you could just use that in a text widget.
If the link doesn’t work but you have a copy of the image on your computer—that is, you can see it directly, not in a browser—then it is saved in a file somewhere, or on your desktop.
Upload that to your media library just like any other image you upload.
(You can call it whatever you like when you upload it from your computer.)Then put the image into a text widget on your sidebar.
-
I uploaded the link in a media library (photobucket) and put it in to a text widget. it worked but the button is wider then the side bar, and if you click on it it takes you to photobucket! I don’t want that. is there anything I can do to stop it??
-
It this is the button you are talking about, it doesn’t look too wide for your sidebar on my screen. But to adjust the width, change this
width=”100″ height=”43″
to this
width=”SMALLER_NUMBER” (and delete the height)change this (linked to photobucket):
<a href="http://s253.photobucket.com/albums/hh65/valpari/?action=view¤t=button-AngieAmyPick.jpg" target="_blank"><img src="http://i253.photobucket.com/albums/hh65/valpari/button-AngieAmyPick.jpg" border="0" alt="Photobucket"></a>to this (with no link)
<img src="http://i253.photobucket.com/albums/hh65/valpari/button-AngieAmyPick.jpg" alt="" width="100" height="43" />Or add a link to the site you want:
<a href="http://URL_OF_LINK/" target="_blank"><img src="http://i253.photobucket.com/albums/hh65/valpari/button-AngieAmyPick.jpg" alt="" width="100" height="43" /></a> -
-
You are welcome!
Sure, you can learn!
I hang around the forums a lot. And once I got over my fear of breaking something by even looking at HTML, I started experimenting. Sites like this: http://www.w3schools.com/html/ let you look up what various codes mean / do
Panos has a very informative blog:
http://wpbtips.wordpress.com/
and others
http://csswiz.wordpress.com/
http://onecoolsite.wordpress.com/
etc -
sorry, one more question. 100×43 looked too small, so I changed to 150×64. the size look right but the image is blurry, actually even with the 100×43 looked blurry…and small. what happened??
thanks again
-
Anytime an image is resized on the web, it will lose quality because you are relying on the browser to do it.
On your computer, open the image in an image editing program and resize the image there and things will be much cleaner.
Also this image should never have been saved as a JPG originally. JPG compression is designed for photographic images, not graphic images. Graphic images will always turn out fuzzy when saved as a JPG.
-
Oh, right. she wanted it larger not smaller? But I don’t see a gif or png possibility there?
Am I missing something? -
The image should originally been saved for the web as a PNG or a GIF – when it was originally created. Now that it has been done as a JPG, there is no fixing it. Resizing it before uploading it will keep it cleaner, but it won’t undo what was done by saving it as a JPG.
-
It will, however, be legible. Though, not optimum. You or I would have made a gif or png,
Question though:it worked but the button is wider then the side bar,
(https://en.forums.wordpress.com/topic/add-an-image-on-widget?replies=13#post-392892) ???
-
It just needs to be resized and resampled in an image editing program and then uploade to the media library. The original image is 203 x 87.
-
These are the best I can do starting from a JPG:
http://opposablethumbz.wordpress.com/files/2009/10/button-angie-amy-100w.png
http://opposablethumbz.wordpress.com/files/2009/10/button-angie-amy-150w.pngI could do better but I’m not about to turn it into a PSD file and then edit it a pixel at a time.
-
One other thing I’ll offer, is to never put anything but letters and numbers in a file name for use on the web, and never use capital letters. It can truly mess things up.
-
-
- The topic ‘add an image on widget’ is closed to new replies.
