Adding Images to Your Sidebar

Nov 30, 2012 13:55

Account Status: Free
Actions: Adding Images to Your Sidebar
Theme: All



The idea is to make your journal's sidebar have image links rather than the navbar links at the top or just for an added look to your journal. So I'm going to attempt to explain it to you.

1. First, you'll need the images. This image here of a sidebar shows me that this blogger made her images or had them made. I'm going to use some off the net.




2. When you have your images you'll need to upload them to a Image Location like PhotoBucket. You are going to need the Direct Link that PhotoBucket provides. If you wish to save the images in your Scrapbook you'll need to check out this tutorial.

3. Go to Customize Journal Style>Sidebar. You will be working in the Blurb or Free Text Box.
Make sure your second line as shown says that you want to show the blurb/free text box on your sidebar. You do not have to enter a title if you are trying to make a link system.




4. In the "Text to be added to the sidebar" box you'll want to add your coding for your images:

5. As you can see, if I put the images one after another like this on separate lines I get this result. One of the nicest things about the Blurb Text box is that if you hit enter your text will go to the next line when saved, which I did in the coding above.




6. So let's change it to centered...

7. The result is this...


8. Let's put them all on the same line....




9. The result is this...


10. Now that you have your link images where you want them, you'll need to add the link coding.





Make sure you have the after each image section so the link is confined to the image.

11. The result can be seen at workshop_rees for now but will look like the above image only with links...





Notes: But should you need to create paragraphs simply add
at the beginning of a paragraph and
at the end of one. Or use the old tried and true line break of
.

Have questions? Please comment.

.all-themes, !layout-tutorials, #account: all, help with: images, help with: sidebar

Previous post Next post
Up