This s a quick blog being done to show someone how to link photos in blogs.
While I have another blog in this blog folder showing how to link photos. That is more so for your profile page, and other websites that use HTML well here goes, should be rather easy and straight forward.
First post the photo you wish to be used as the link.
I am running under the assumption you already know how to do this, if you don't then CLICK HERE!
Okay once you have the photo in the blog, simply click on the photo once.
And then click the “link” icon, it looks like this
Once you click that, this menu will come up.
Remember to put in the whole URL in the link URL box, including the http://whatever.come/net/org depending on what you are linking to
Depending on the browser you have you may or may not have to put www.. I use Firefox and when I put http://www... I get an error and thus it will only work if I put http://address.com. Some browsers make you put the http://www.address.com.
Okay after that you may decide on the target.
Open link in same window: Basically just says when they click on the link that it opens in the current window
Open link in new window: When the link is clicks a new tab will automatically open up with whatever the link leads to..
The title are the words that will show up when the photo is scrolled over.
Such as this for example.. I used “yesssss” when doing this simple photo link and got.
Linking words in blog same as photos?
Is the same process, as I did above with the CLICK HERE to link to other blog
All you do is highlight the writing such as this ...
And then following the same process with clicking link and such as you did with the photo
If I missed something, only pertaining to linking pics and words in blogs, tell Me in a comment and I will add it
This is simply a basic scroll box... as is.. just replace the minor writing in the middle and you are good to go!!
Here Is the basic code
Using this code you simply have to edit the length and height of the box to tell it how big, or small you want it
here is the code
This is a simple Scroll Menu with no border
What it is, is basically combines the scroll menu code with the table code to to do the following
Here is the code
Like when using a BG code you can also use pictures from photobucket or any other photo storing sites and add a background to your scroll bar!! come on get creative with it
|Aww look i have a BG now haha|
heres is the code
This is to use a color BG using the specific color code of that particular color... in this particular one i used #330066 but you can find a complete of em here True color chart
heres the code
Heres a Basic Scroll Menu with no use of the marquee code
Here is the code
Look in the code you can change the height and width of the box so that a scroll menu or just change the size of the box so the writing just fits
Please take note when using Marquee in the box that only a certain amount of writing will show...
Here is another scroll music menu i made using marquee
Heres the code for that music box
Heres a basic Scroll table i did
Heres The Basic Scroll Menu code
to change the size of the box within the code you will see both Height and Width Attributes, just change the numbers larger or smaller,
Also please take not you DO NOT have to have it automatically scrolling if you do not want it to auto scroll simply remove the MARQUEE code attributes from within the code and then than you will get something like this
this is the code for above
basically without marquee code the "viewer" will have to manually scroll down, though there is a way to control speed of speed that is for ore advanced users for now i will just post this and later on post the advance codes for more advance users.
Okay, following up with My previous blog in this folder, getting the URL of images, a friend asked Me how to post pics in blogs on fubar… so here shall be a rather quick blog just to show her how.. If any of you want Me to discuss anything more in depth on this subject leave a comment and I will add on to this blog.
Okay when you go into either post new blog or edit blog you get the following header of the post
what you want to focus on in the header is that little tree on the bottom row
Depending on what you use Photobucket, tiny pic or any of the other photo hosting sites [or with the use of the previous blogs that manner of getting URL from places like myspace works as well. Myspace is a great place for photo hosting, has no real band width that I can see and you can hold unlimited pics]
Below are a screen shot from both photobucket and tiny pic
For both copy the URL that appears in the “Direct link” box and then just paste them in the Image URL box of the previous box as shown below
I know people will ask so I shall just answer what each box means below
Image Description - sometimes depending on the browser the person is using the photo may not show, in the event of this happening your image description shall show giving the person a hint of what it is [such as if it was a picture of a cat, just put photo of a black cat etc etc]
Alignment – this will tell your picture where to go on the post as well as how to “act”
Top –means only one line of your writing shall be on the same rows as the pic, the writing will be on the top line off to the right with the pic and the rest of the writing will go under the pic
Middle - like with top the writing will be to the right of the pic except the writing will start in the mid point of the pic
Bottom. –like top except the writing goes at the bottom line of the pic and the rest of the writing continues
Left tells it to always stay on the left of your blog, right tells it to always stay on the right side of the blog etc etc This is a general for Me, cause when you place the photo on left or right, the writing curves around the pic so you do not have that huge EMPTY SPACE till the writing clears the next pic
Dimensions – this is where you can alter the length and width of the image, if you are unsure how large or small you want it, you can just click okay and then click on the picture on the edit screen and drag it larger or smaller manually which is rather easy
Border - this tells the image how far away to stay from the edges of the blog,
Vertical and Horizontal space. This tells the writing how far away to stay from the pic itself.
Knowledge of HTML
If you have knowledge of or just know basic photo posting and editing HTML all of the same stuff mentioned above can be done using the HTML button located directly to the right of the image insert/edit image button [the green tree]
That is pretty much it to posting pics in blogs…
This blog was thrown together rather quickly so if there is something unclear or something you want Me to add to or whatever, just comment and I shall add