BLT4ever

Good morning everyone!

I often am asked how I put pictures on my profile page, blog, and/or into booster notes, so I thought I would write a page with the instructions in it.  That way I can refer easily back to it instead of re-typing the instructions each time, as I’m always afraid that I am going to forget something, or leave something out accidentally.

First I thought I’d start with directions for putting a picture into your blog itself.   This one I find the easiest.

Inserting a picture into your blog:

When you’re writing your blog make sure that the”Visual” tab is open, not the “code” tab.  See the little row of icons there underneath where it says “Visual”, that starts with a B I ABC?  Look over to the left where there is what looks like a little picture of a tree, it’s the 13th from the left.  Click on that to open up a new little window.  The only line that you need to worry about is the first one that says “Image URL”.  I only use Photobucket.com for pictures for inserting into my blog, because it’s the only place I’m aware of that gives you the option to copy the “Direct Link” to the picture itself.  I’m sure there’s other ways to get direct links to pictures, but Photobucket has more than enough pictures to serve my needs.  Okay, so go get your direct link to the picture you want to insert into your blog, click on that icon that looks like a little tree, and in the line thaat says “Image URL”, paste that direct link code and then click on the insert button.  You will see your picture in your blog.  To insert a personal picture, I first upload the picture(s) I want to insert into my blog onto my account at photobucket.com.  That way I can get the direct image URL to copy and paste here into the blog.

Insert Pictures into booster notes:

This is the way I insert graphics, cut and paste the code, into the html section of this

http://www.online-html-editor.de/index_en.php

online html editor. To get to the html section click on the at the top left hand corner of the editor.

You get the html codes from:

http://www.photobucket.com   http://zwani.com/     http://www.myhotcomments.com/

http://www.coolmyspacecomments.com/    http://www.myspacegrafix.com/

http://mycutegraphics.com/     http://www.graphics4myspace.com/     http://www.supaflygrafix.com/

There are other sites as well, these are just a few.

Now just cut and paste that html code for the graphic, into the html source section using the . Then click apply at the bottom and hit OK and you will see the animation in the editor box. Sometimes the animation won’t show, but don’t worry it will show in Buddy Slim. Just write your message underneath. Now, highlight the graphic and your words, and cut and paste them into the Buddy Slim booster.

DO NOT cut and paste the html code into Buddy Slim… cut and paste the graphic and your comments!

If you did it correctly you will see the picture in your comment or booster comment section on Buddy Slim, if you only see html code you didn’t do it correctly. What you see in the Buddy Slim box is what will show up online!

Inserting pictures into your profile page:

As for putting pictures on your profile, that is done differently but it’s still using the html code. I’ll give you an example on how to put a picture into a section there.

1. Click on home
2. Click on edit
3. Click on Buddy info: profile edit
4. Copy the html code for the picture you want
5. Paste the html code into any section there, being mindful that you can only insert so many characters into each section.
6. Click on submit and then go to your home page to check it. You may need to refresh the page to make the pictures show. But they should be there.

These directions work in the info: profile and the Extended Info/ Interests: sections.

Have fun with it all!