UPDATE: PLEASE NOTE THAT THIS TUTORIAL WILL NOT WORK IN GOOGLE CHROME.
I am totally stoked to have discovered a sidebar tweak - I hardly ever mess around on the sidebar. I just upload and go...in the HTML, not the "Rich Text" mode. You may already know about this hidden gem...next time share with us sooner!
I already knew how to resize buttons using an extra HTML tag...but did you know you can do it in the "Rich Text" mode without any coding? It does it for you! Cool huh?
Here's what you do:
Paste your code in the HTML/Java Script (gadget) box as usual. Go to this TUTORIAL if you're unsure how to add code to your sidebar.
Locate the "Rich Text" link and click it. This will switch your view from HTML to IMAGES, so you will see all your buttons as images.
In this mode you can: drag and drop your buttons to new locations, resize buttons, and line up buttons next to each other.
To resize a button in this mode, just click your button (or other image) and the lines and squares will appear around the button. This is where you click to make smaller or larger by dragging the mini squares. Remember to not drag larger than your sidebar width is (not sure of the size of your sidebar? Click HERE).
Here's what it looks like:
If you use PHOTOBUCKET to create "code" here's what you do:
- Grab the HTML code located under your image in Photobucket.
- Copy and Paste this code into your HTML/Java Script gadget.
- Then click the "Rich Text" mode and click the image.
- Now click the LINK mode and enter your link information (such as www.yourlinkinfo.com). Click Save.
- Now your button info is attached to a link. Pretty cool huh? This saves time so you don't have to create your "button code" in another window.