Author Topic: Photobucket Tutorial for thumbnailing your images  (Read 63959 times)

0 Members and 1 Guest are viewing this topic.

Offline mowdak1

  • Highly Mowtivated
  • ****
  • Posts: 4349
  • Karma: 73
    • View Profile
    • North Dakota Lawn Mower Racing Association
Photobucket Tutorial for thumbnailing your images
« on: December 28, 2006, 04: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: [Select]
[/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!!

Offline fox_racin4

  • Turf Warrior
  • **
  • Posts: 218
  • Karma: 4
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #1 on: December 28, 2006, 04:47:17 pm »
i get it now hahaha
#4 super modified
SOLTRA

Offline mowdak1

  • Highly Mowtivated
  • ****
  • Posts: 4349
  • Karma: 73
    • View Profile
    • North Dakota Lawn Mower Racing Association
Re: Photobucket Tutorial for thumbnailing your images
« Reply #2 on: December 28, 2006, 05:18:56 pm »
That's cool!!

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

Offline Moweracer227

  • Turf Warrior
  • **
  • Posts: 103
  • Karma: 3
  • Gender: Male
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #3 on: January 01, 2007, 04:22:23 pm »



Got pic to load in reply but not in my profile, what am I doing wrong.  Used same url.
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

Offline mowdak1

  • Highly Mowtivated
  • ****
  • Posts: 4349
  • Karma: 73
    • View Profile
    • North Dakota Lawn Mower Racing Association
Re: Photobucket Tutorial for thumbnailing your images
« Reply #4 on: January 01, 2007, 05: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!

Offline Moweracer227

  • Turf Warrior
  • **
  • Posts: 103
  • Karma: 3
  • Gender: Male
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #5 on: January 01, 2007, 08:33:56 pm »
Thanks a whole bunch, looks good

Don
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

Offline mowdak1

  • Highly Mowtivated
  • ****
  • Posts: 4349
  • Karma: 73
    • View Profile
    • North Dakota Lawn Mower Racing Association
Re: Photobucket Tutorial for thumbnailing your images
« Reply #6 on: January 01, 2007, 08:52:46 pm »
Yep!! No problem!

Offline Lambo

  • Turf Warrior
  • **
  • Posts: 129
  • Karma: 0
  • Gender: Male
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #7 on: December 28, 2010, 01: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
Precise Preparation Promotes Perfect Performance

Offline Rooster

  • Global Pot Stirrer
  • Highly Mowtivated
  • ****
  • Posts: 8255
  • Karma: 73
  • Gender: Male
  • Winning is always fair!!
    • View Profile
    • Cut Loose Racing
Re: Photobucket Tutorial for thumbnailing your images
« Reply #8 on: December 28, 2010, 02:34:44 am »
Not doing it wrong, when you click on it, it copies it to your clip board
Bert stole my cookies!!
 I think he used them to bribe Ed into something naughty?

http://www.cutlooseracing.com

Offline rceagle1a

  • Turf Warrior
  • **
  • Posts: 395
  • Karma: 2
  • Gender: Male
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #9 on: December 28, 2010, 08: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.
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!!!!!!

Offline Lambo

  • Turf Warrior
  • **
  • Posts: 129
  • Karma: 0
  • Gender: Male
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #10 on: December 28, 2010, 11:06:51 pm »
Thanks Rooster. I logged back on today and the new pic was up.

Lambo
Precise Preparation Promotes Perfect Performance

Offline birdman_express

  • I'm not fast...but man I can eat! INTEKS RULE THE PITS!!
  • Global Moderator
  • Highly Mowtivated
  • *****
  • Posts: 3941
  • Karma: 31
  • Gender: Male
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #11 on: December 29, 2010, 08: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
Marc Baker

ARC Dealer

Marc from ARC.... "Billet Billet"

Powered by a Full Bug E.C. 20HP Vanguard!!!!

Offline fordfan

  • Turf Warrior
  • **
  • Posts: 175
  • Karma: 1
  • Gender: Male
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #12 on: December 29, 2010, 05:59:44 pm »
looks like somebody changed there avatar. I like it

Offline Rooster

  • Global Pot Stirrer
  • Highly Mowtivated
  • ****
  • Posts: 8255
  • Karma: 73
  • Gender: Male
  • Winning is always fair!!
    • View Profile
    • Cut Loose Racing
Re: Photobucket Tutorial for thumbnailing your images
« Reply #13 on: May 06, 2011, 05: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.
Bert stole my cookies!!
 I think he used them to bribe Ed into something naughty?

http://www.cutlooseracing.com

Offline swbeebe

  • Turf Warrior
  • **
  • Posts: 138
  • Karma: 0
  • Gender: Male
    • View Profile
Re: Photobucket Tutorial for thumbnailing your images
« Reply #14 on: February 20, 2012, 04: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?
Scott Beebe
Ithaca NY.