PDA

View Full Version : Image in the Side Bar



sonatanna88
February 6th, 2010, 12:03 PM
Hi

I do not have the html code of the image. The image is in JPG form. How can i add the same in the side bar

Sona Tanna

TraciKnoppe
February 6th, 2010, 01:01 PM
Here's the html code to add an image:


<img src="http://theurlwheretheimageisuploaded.com/imagename.jpg" alt="image" title="text that pops up when you mouseover the image use a keyword phrase" border="0">

If you want to link the image to another site or page, use this code:


<a href="http://sitelinkingimageto.com" target="_blank"><img src="http://theurlwheretheimageisuploaded.com/imagename.jpg" alt="image" title="text that pops up when you mouseover the image use a keyword phrase" border="0"></a>

sonatanna88
February 6th, 2010, 02:04 PM
Hi Traci

Thanks a ton. Successful after 1 full day

Sona Tanna

sonatanna88
February 6th, 2010, 02:13 PM
Hi

How do i add my affiliate code to the image?


Sona Tanna

Clay Franklin
February 6th, 2010, 02:45 PM
This is where you put your afffiliate link

href="http://sitelinkingimageto.com" target="_blank"

just put it here http your site . com"

sonatanna88
February 6th, 2010, 02:52 PM
Hi Clay
Suppose the name od the site is http://natural-remedies-for-thyroid.com and the clickbank id is ashsonal how would i go about it

Sona Tanna

Clay Franklin
February 6th, 2010, 03:58 PM
I would go to clickbank search the product and then click get hop link.
Then paste that code into the part of the code that has http and surrounded by ""
If it is not at clickbak searchable go to the site and click affiliates log in and then click get hop link. copy and paste to code above.

sonatanna88
February 6th, 2010, 04:17 PM
Thanks a ton Clay

Sona Tanna

sonatanna88
October 22nd, 2010, 05:02 PM
Hi Traci/ Elite Members

Since my image is flowing out of the theme how can i reduce the size of the image in HTML from JPG file

Sona

Clay Franklin
October 22nd, 2010, 05:21 PM
Hi Sona,

One way to reduce the size on a word press blog is to upload the image to the blog, (I do it from the create post or create page link at the top where is says insert image.) Then you can copy the URL for the image and place it anywhere you want.
and click one of the preset image sizes.
Or go to advanced options and use the percentage sizer to reduce the size of the image.

Another option is to go to a web based picture resizer like picresize.com and resize the image and download the new resized image than upload it to your site.

sonatanna88
October 22nd, 2010, 05:24 PM
Hi Clay

I want to do the same on the side bar that is in HTML

Sona

Clay Franklin
October 22nd, 2010, 05:31 PM
I know. These are just 2 ways to do the image resize. The HTML usually just points to the image. Pretty sure you can use HTML to resize the image, yet it will not display correctly on all places.
Ideas:
1) Best Option: Resize the image with picresizer.com and upload it with the same name in the same location and it will just be smaller.
2) Upload the image to the blog like I mentioned above and resize it using the build in resizer. Then copy the link location of the image and insert it into the html code like Traci shows above.

Sona, do you want to change the width of the sidebar also?

sonatanna88
October 22nd, 2010, 05:36 PM
Hi Clay

I think that would be much easier option

Sona

MikeF421
October 25th, 2010, 01:17 PM
You can easily resize it in HTML.

Use this code from earlier with just a few additions...


<a href="http://sitelinkingimageto.com" target="_blank"><img src="http://theurlwheretheimageisuploaded.com/imagename.jpg" alt="image" title="text that pops up when you mouseover the image use a keyword phrase" border="0" width="XXXpx" height="XXXpx"></a>

Replace the XXX with how many pixels you want the width and height to be.

Depending on how much you are changing the size, you may end up with a distorted image.

You can take the image into a free graphics program like GIMP or Paint.net and resize it while keeping the same aspect ratio. Then upload it to your site. You just have to make sure your link points to wherever you uploaded the file.