Sidebar Magic Button

[ Close ]You are using Internet Explorer 6. Please upgrade your browser to increase safety and your browsing experience. Choose one of the following links to download a modern browser: Firefox Safari Opera Internet Explorer
Friday, 01 May 2009 Contact UsSIStv HomeHomeUsing The ClassroomFAQHow To EnrollTeachersStudentsWelcome!Join The GroupBlogger1. Intro & Set up.2. Templates2a Template Issues3. Blogger: Backgrounds4. Adding the backround5. Making a banner6. Uploading the banner7. Fancy Titles8. The magic buttonNEW: Note From Wilna9. The pixelstick10. Fonts and Colors11. Adding social networks.12. Adding MUSIC.TypepadIntroductionDownloadsSetupDesign TabPhoto AlbumsTypelistsPostingHTMLBannersCustom PreMadeSidebar pt1Sidebar pt2PagesNavigation BarBackgroundsFaviconWordpressDownloadsSetupSettingsHTMLBannersCustom PreMadePostingWordpress: Widgets
Bling Out Your Blog 2.0

with Wilna Furstenberg and Kayla Aimee Terrell

8. Blogger: Bling your sidebar with the magic button!
ready for some MAGIC?

Making Sidebar titles + images in Photoshop.

password: blogger09.... This is much the same process and making the banner... Unfortunately I don't have any screenshots for this.




Making a sidebar image in PSE. from Wilna Furstenberg on Vimeo.



Uploading and installing those sidebar images... with the magic button.
password: blogger09




How to upload the sidebar stuff... with the magic button! from Wilna Furstenberg on Vimeo.

Screenshots + Instructions



1. To upload the sidebar image to your blog, click LAYOUT > ADD A GADGET > HTML/JAVASCRIPT (aka as the magic button!)



2. Get your image from amazon (or any other place online) by right clicking the image and selecting SAVE IMAGE AS. This will save a copy of the image to your computer.



3. Upload the image now to PHOTOBUCKET. Click on the image and it will open in a window like this. Copy the HTML code. it starts with .



3. Paste the code into your HTML widget.



4. If you click "Edit Html" it will change the view to the image. In this view you can see everything thats happening there.





Rich Text


5. Now you can click and drag the image to make it smaller. You can see the pixel size of the file while you do this. This way you dont have to change the sizes of the images in a photo editing program first. SO COOL!



6. If you want to link your image, Make sure it's selected and click the little LINK Image. It will open an address bar where you can enter a web address.




7. Once you have repeated this process and you are happy with the "look" click SAVE. If you want some breaks in your code, (because sometimes HTML code just do it's own thing) use the
. It's universal code for a break.



8. I LOVE Facebook flair! Click on a piece of flair you like and right click and select " save image as". Now you can upload that saved file to photobucket and you can use it on your blog too with the magic button!

More sidebar stuff to come tomorrow!!

Leave me a comment if you are HAPPY and if you need HELP...The only condition for me to HELP is that you SHOULD HAVE watched ALL the videos and read all the instructions!








Show us your blog:
Visit Bling Out Your Blog 2.0 Students
Comments (4) 4 Friday, 01 May 2009 06:43 Kristi Hellyer
this is my favorite part of the class! I could never figure this out before- thank you so much! :)
Reply 3 Thursday, 30 April 2009 19:55 Sarah Cochran
This is cool, I have a lot of links I want to add to my blog using this process. Do you think I could use Picasa to upload the images instead of Photobucket?
Comments (1) 2 Thursday, 30 April 2009 09:52 katie squires
i'm working on a magic button list of my fav vampire books!!!!!
Reply 1 Wednesday, 29 April 2009 17:55 Donna Nelson
Now this looks FUN FUN FUN! Can't wait to try these teachings out!
Reply
Add your comment
Comment:
PostPreview
yvComment v.1.20.0This classroom is provided by Scrap In Style TV, LLC