June 21, 2009

Make your own ArtFire Widget!

I just gave this a shot, and what do you know, it worked!! Haha, I'm so happy!



It's really easy to do. What I did was copied and pasted the below widget into Notepad. It will be easier to see what you are doing in there, then in the little widget box. Here is the code to copy:

<a href="http://www.artfire.com/modules.php?name=Shop&op=listing&product_id=251246" target="_blank">

<img src="http://static.artfire.com/admin/product_images/thumbs/afv--22034--23658_product_1689421597_thumb_large.jpg" width="150" height="150">

  • The RED area is where you will remove that string and paste your item or page url. For my widget, I used the item page url.
  • The ORANGE area is where you will remove that string and paste your image url. For my item I used my item image url.
  • The last thing to do is to add the spacing of <br/><br/> between the two codes above, and again after the second code. (they don't show up here because I have to "make" the html code NOT work. If that makes sense! lol
If you want to use a pic that is not online you will have to save it on either Flickr, Photobucket or another online service. And use that url.

To find url using Firefox as a browser just right click and you will see an option of "copy image location".

To find a url using another browser you just right click and choose "Properties" (usually at the bottom of the box) and highlight/copy the image url.

I hope this helps. I'm not really very computer literate, but it seemed to work for me! I hope you have as good of luck with this as I did!







2 comments:

Amy Designs said...

Great explanation. Thanks for doing that. I'm glad I got to see your blog in the process--very nice!

jennuinecandles said...

Nice job! Looks great!

Jenn
jennuinecandles.artfire.com

Related Posts Plugin for WordPress, Blogger...