heymow.com - Lawn Mower Racing Forum
November 26, 2014, 01:39:10 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
Want to Join our site? CLICK HERE
 
   Home   Help Search Calendar Staff List Links Login Register  
Pages: [1] 2   Go Down
  Print  
Author Topic: Photobucket Tutorial for thumbnailing your images  (Read 18479 times)
0 Members and 1 Guest are viewing this topic.
mowdak1
Highly Mowtivated
****

Karma: 73
Offline Offline

Posts: 4362



View Profile WWW
« on: December 28, 2006, 03:23:56 PM »

Since we seem to still have some folks that are having trouble with the Photobucket thumbnail approach to doing things, and we will eternally have newbies arriving that will need this information as well, I've put together this step by step approach to the process for everyone's benefit. This thread can be used for future reference of this process.

First go to Photobucket, set up your account or log into your existing account. Select My Album from the menu top of the page at right. To arrive at this screen.



Here you can browse the files on your computer, select the image file and upload.



If you click on the Add more images link just below the upload form it will open up multiple forms to load as many images as you wish at once.

When loading multiple images, if they are in a dedicated order, such as this demonstration or step by step in a build, you need to upload them in reverse order i.e. 5, 4, 3, 2, 1. Photobucket inverts the order when it uploads them, and when you cut your code it will all be bassackwards!




Once your images are loaded, scroll down the page to the images you want to load and check the little box under each image you want to create code for. Please note inverted order in the Photobucket album here! You've got to load them backwards!!



Go to the bottom of the page, and click "Generate HTML and Image Code" to generate code. This can be done for a single image, or for multiple images all at once. See above comments on inverting image order in the case of images in dedicated order.



You will advance to the Image and Clickable Thumbnail Generated Code page next. Scroll down to the Image "Clickable Thumbnails for Message Boards".



Park your cursor in the box next to the code, and left click to highlight all code. Right click and select copy, or you can use the Ctrl + C shortcut to copy the code.



Come back to Mowbetter, or wherever you're going with this, select Reply or use the Quick Post form. Left click in the form to set your cursor in the form.



Then right click and select Paste or use the Ctrl + V shortcut to paste the code in the form box.




Your code should look like the above example The URL establishes the link to photobucket on the IMG, the url or if prefer web address within the IMG tag is the thumbnailed image. This is denoted by the th_ preceeding the file name. i.e. th_PB3.jpg as seen above. Please note the above images were loaded in PB1, PB2, PB3 order... the order in Photo Album and thus in generated code was backwards. Had to delete these and start over in inverted order. 


Once the code is set you can move down the right side, and click Enter a couple of times after each closing URL tag to separate your images, and insert text between the images. As seen here and in the build threads.

Code:
[/URL]  <~~ That is a closing URL tag the / switch tells the browser to close the [URL] tag in code.

Then click Preview to make sure everything is correct, click Spell Check to correct all the errors in your written text, and then click Post!

And, that's how it's done guys!!
Logged

fox_racin4
Turf Warrior
**

Karma: 4
Offline Offline

Posts: 218



View Profile
« Reply #1 on: December 28, 2006, 03:47:17 PM »

i get it now hahaha
Logged

#4 super modified
SOLTRA
mowdak1
Highly Mowtivated
****

Karma: 73
Offline Offline

Posts: 4362



View Profile WWW
« Reply #2 on: December 28, 2006, 04:18:56 PM »

That's cool!!

It was way overdue, and I had a slow afternoon, so I figured it was time.
Logged

heymow.com - Lawn Mower Racing Forum
« Reply #2 on: December 28, 2006, 04:18:56 PM »

 Logged
Moweracer227
Turf Warrior
**

Karma: 3
Offline Offline

Gender: Male
Posts: 103



View Profile
« Reply #3 on: January 01, 2007, 03:22:23 PM »




Got pic to load in reply but not in my profile, what am I doing wrong.  Used same url.
Logged

Don Whitehead Sr.
Clare, Michigan
2010 AP USLMRA National Champion
2010 US OPEN AP/Mini-Sportsman Champion
2010 Michigan AP Class Points Champion
2009 CP 2nd National Points
2009 AP Michigan Points Champion
2009 AP 9th National Points
2008 AP Michigan Points Champion
mowdak1
Highly Mowtivated
****

Karma: 73
Offline Offline

Posts: 4362



View Profile WWW
« Reply #4 on: January 01, 2007, 04:20:30 PM »

If you're trying to load it as an avatar it's too big, the forum will not accept images larger than 90 x 90 px for avatars. I'll fix it for you!
Logged

Moweracer227
Turf Warrior
**

Karma: 3
Offline Offline

Gender: Male
Posts: 103



View Profile
« Reply #5 on: January 01, 2007, 07:33:56 PM »

Thanks a whole bunch, looks good

Don
Logged

Don Whitehead Sr.
Clare, Michigan
2010 AP USLMRA National Champion
2010 US OPEN AP/Mini-Sportsman Champion
2010 Michigan AP Class Points Champion
2009 CP 2nd National Points
2009 AP Michigan Points Champion
2009 AP 9th National Points
2008 AP Michigan Points Champion
mowdak1
Highly Mowtivated
****

Karma: 73
Offline Offline

Posts: 4362



View Profile WWW
« Reply #6 on: January 01, 2007, 07:52:46 PM »

Yep!! No problem!
Logged

Lambo
Turf Warrior
**

Karma: 0
Offline Offline

Gender: Male
Posts: 129



View Profile
« Reply #7 on: December 28, 2010, 12:56:15 AM »

I went to change my profile picture and the photobucket site didn't seem to work the same as it did before. After I clicked the box on the picture I wanted, I went to the bottom and clicked on "choose action". I clicked on "generate link codes for selected" and all the options came up. When I clicked on "images for bulletin boards and forums" it didn't highlight in blue like it did before. It turned yellow and briefly said "copied". After that I was unable to get it pasted to my profile page. Any ideas? Maybe I'm just doing a step wrong.  confused

Lambo
Logged

Precise Preparation Promotes Perfect Performance
Rooster
Global Pot Stirrer
Highly Mowtivated
****

Karma: 72
Offline Offline

Gender: Male
Posts: 8405


Winning is always fair!!


View Profile WWW
« Reply #8 on: December 28, 2010, 01:34:44 AM »

Not doing it wrong, when you click on it, it copies it to your clip board
Logged

Bert stole my cookies!!
 I think he used them to bribe Ed into something naughty?

http://www.cutlooseracing.com
rceagle1a
Turf Warrior
**

Karma: 2
Offline Offline

Gender: Male
Posts: 414


View Profile
« Reply #9 on: December 28, 2010, 07:10:10 AM »

This is helpful. But I don't use Photobucket because where I work Blocks it(I can't see photobucket pics either). Also I'm on Dial-up at home so posting pics through photobucket is a SLOW SLOW SLOW process. Hence why I do my posting at work.
Logged

Justin Altemeier, Newton, Iowa USA
Primarily Sponsored by: VanWall Powersports, Perry Iowa,Associate Sponsors:Mike's Machine and Repair, Reasnor Ia., Chris Talburt Custom Paint and Graphics, Ozark Mo.,Clymer Bros., Nelson Farms, Rick Crozier,K&W Enterprises, M&D Farms, Kelli Aldrich, Colfax Auto Parts, Webb Family Farms, Nuzum Services, Colfax Tractor Parts,HERRIN MOWERSPORTS
 



To WIN is EVERYTHING!!!!!!
To LOSE just plain SUCKS!!!!!!
Lambo
Turf Warrior
**

Karma: 0
Offline Offline

Gender: Male
Posts: 129



View Profile
« Reply #10 on: December 28, 2010, 10:06:51 PM »

Thanks Rooster. I logged back on today and the new pic was up.

Lambo
Logged

Precise Preparation Promotes Perfect Performance
birdman_express
I'm not fast...but man I can eat! INTEKS RULE THE PITS!!
Global Moderator
Highly Mowtivated
*****

Karma: 31
Offline Offline

Gender: Male
Posts: 3849



marc.baker.902 birdmanexpress
View Profile
« Reply #11 on: December 29, 2010, 07:54:20 AM »

Thanks Rooster. I logged back on today and the new pic was up.

Lambo

Someone fixed it, because the link was all wrong, and way too big...
I been fixing avatars on the sly for a long time, sometimes folks even notice.
LOL
Logged

Marc Baker

ARC Dealer

Marc from ARC.... "Billet Billet"

Powered by a Full Bug E.C. 20HP Vanguard!!!!
fordfan
Turf Warrior
**

Karma: 1
Offline Offline

Gender: Male
Posts: 175



View Profile
« Reply #12 on: December 29, 2010, 04:59:44 PM »

looks like somebody changed there avatar. I like it
Logged
Rooster
Global Pot Stirrer
Highly Mowtivated
****

Karma: 72
Offline Offline

Gender: Male
Posts: 8405


Winning is always fair!!


View Profile WWW
« Reply #13 on: May 06, 2011, 04:48:47 AM »

http://cid-253920c013930de6.office.live.com/self.aspx/.Public/Photobucket%20Tutorial.pdf

Been working on a new Photobucket Tutorial.
Rocky's WAS great, but Photobucket has changed so much it was really inaccurate.
Have not got it all done up, but some of you guys might check it out and give me some feed back on it.
Logged

Bert stole my cookies!!
 I think he used them to bribe Ed into something naughty?

http://www.cutlooseracing.com
swbeebe
Turf Warrior
**

Karma: 0
Offline Offline

Gender: Male
Posts: 138


View Profile
« Reply #14 on: February 20, 2012, 03:25:52 PM »

I read the new instructions about how to thumbnail the pics but now I don't see the selection. I only see IMG code, and nothing under that for IMG thumb like in the tutorial.... Did they move it again? Or is IMG Code and thumb the same?
Logged

Scott Beebe
Ithaca NY.
Pages: [1] 2   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!


Google visited last this page Today at 01:03:40 AM