Basic Guide to Live Journal Specific Codes
Basically the same as my post A Basic Guide to HTML, except Live Journal Specific.
Navigational Links
What is the code for an lj user or community?
How do I make an lj-cut?
Basic Modifications (bold, italics, etc)
Inserting Pictures
Making Links
Font Modifications
Ask A Question
Other Tutorials I've Made
All of these apply to LiveJournal specifically
Codes for lj users and communities
For an LJ user:
For an LJ Community:
back to index
How do I make an lj-cut?
Place <lj-cut text="whatever you want it to say"> in front of what you want to be behind the cut.
Place </lj-cut> when you want to end it, or leave it blank. The only reason you'd really use the </lj-cut> is if you wanted a particular portion to be back on the front page, or if you only wanted to hide a certain portion of the text.
Ex.
Would be coded as
On the front page it would show
back to topics
Basic Codes for Body:
<b> </b> makes things appear bold
<i> </i> makes things italicized
<u> </u> makes things underlined
<s> </s> makes things be striked through
Note: be sure to include the 'end' code (ie </b>, </i>, </u>, etc) or else everything from that point on will be bold/italicized/underlined/etc.
Ex:
would be coded as
back to index
Posting Images:
<img src="http://www.url.com/imagename.jpg">
extra: If you would like for something to come up when you hover over the picture you can type
<img src="http://www.url.com/imagename.jpg" title="what you want to say">
Ex.
(hover over the image and see a text box pop up saying "johnny depp is awfully pretty")
would be coded as
(on suggestion from
smtfhw)
If you would like to change the size of the image, that is simple enough. Keep in mind though, it might screw up the pixelation. In other words, make it look funky.
I'll blow up that picture to twice it's size, which would be 200 pixels x 200 pixels
would be coded as
You have to use pixels.
back to index
Posting Links:
<a href="http://www.url.com">text or image to be the link</a>
Again, be sure to included the </a>, or else the link will never end.
Ex.
would be coded as
or
would be coded as
back to index
Font Modifications:
There are 3 basic modifications of font: style, size, & color
1: Style
You know what font styles are, right? Trebuchet Ms, Arial, Helvetica, Bell MT, Times Roman, etc? You can look up quite the few at DaFont
To show a few:
the code is:
2: Size
You can pretty much determine whatever size you want, but to show a few:
the code is
3: Color
There are lots of colors, and my favorite cheat sheet for all the color codes can be found here. You can denote the color either by code # or by name. Either way. I usually go for name, unless it's a particular color I want and don't know the name of.
To show a few:
the code is
Combining them
You can combine all of them into one if you want. IE
<font face="trebuchet ms" color="blue" size="4">
On all font changes
Be sure to put the </font> when you want it to stop. For instance, if you want only one word to be orange, then you need to put the <FONT COLOR="orange"> before what you want orange, and the </font> after to stop it. Otherwise.. you guessed it. Everything after it is orange.
back to index
Ask Me A Question
Just hit reply folks. This is brand new, so I'm just answering frequently not known things about LJ to new users. If you have a question, ask it, and I shall answer thusly.
If you'd like the same kind of tutorial I just did, but for HTML specific and not just LJ specific, go here
Navigational Links
What is the code for an lj user or community?
How do I make an lj-cut?
Basic Modifications (bold, italics, etc)
Inserting Pictures
Making Links
Font Modifications
Ask A Question
Other Tutorials I've Made
All of these apply to LiveJournal specifically
Codes for lj users and communities
For an LJ user:
<lj user="name">
For instance, my name is khohen1, so you would type <lj user="khohen1">
For an LJ Community:
<lj comm="name">
For instance, this community name is picspam_tvmovie, so you would type <lj comm="picspam_tvmovie">
back to index
How do I make an lj-cut?
Place <lj-cut text="whatever you want it to say"> in front of what you want to be behind the cut.
Place </lj-cut> when you want to end it, or leave it blank. The only reason you'd really use the </lj-cut> is if you wanted a particular portion to be back on the front page, or if you only wanted to hide a certain portion of the text.
Ex.
I want to hide the thing talking about my favorite color.
This is what I want to hide, this will be behind the lj-cut, about how I love love love the color burgandy.
And this, I want back on the front page.
Would be coded as
I want to hide the thing talking about my favorite color.
<lj-cut text="link can say whatever you want">This is what I want to hide, this will be behind the lj-cut, about how I love love love the color burgandy.</lj-cut>
And this, I want back on the front page.
On the front page it would show
I want to hide the thing talking about my favorite color.
( link can say whatever you want )
And this, I want back on the front page.
back to topics
Basic Codes for Body:
<b> </b> makes things appear bold
<i> </i> makes things italicized
<u> </u> makes things underlined
<s> </s> makes things be striked through
Note: be sure to include the 'end' code (ie </b>, </i>, </u>, etc) or else everything from that point on will be bold/italicized/underlined/etc.
Ex:
I don't know what to say
because I'm not all thatcleveroriginal
but I'm trying to show you
how to code it and how it looks
would be coded as
I don't know <b>what to say</b>
because <I>I'm not</I> all that <S>clever</S> original
but I'm <U>trying to</U> show you
how to code it and how it looks
back to index
Posting Images:
<img src="http://www.url.com/imagename.jpg">
extra: If you would like for something to come up when you hover over the picture you can type
<img src="http://www.url.com/imagename.jpg" title="what you want to say">
Ex.
(hover over the image and see a text box pop up saying "johnny depp is awfully pretty")
would be coded as
<img src="http://i2.photobucket.com/albums/y31/kho_mood/icons/johnny%20depp/1.png" title="johnny depp sure is awfully pretty">
(on suggestion from
smtfhw)If you would like to change the size of the image, that is simple enough. Keep in mind though, it might screw up the pixelation. In other words, make it look funky.
I'll blow up that picture to twice it's size, which would be 200 pixels x 200 pixels
would be coded as
<img src="http://i2.photobucket.com/albums/y31/kho_mood/icons/johnny%20depp/1.png" width="200" height="200">
You have to use pixels.
back to index
Posting Links:
<a href="http://www.url.com">text or image to be the link</a>
Again, be sure to included the </a>, or else the link will never end.
Ex.
I wrote a story that can be found here
would be coded as
I wrote a story that can be found <a href="http://www.livejournal.com/users/khohen1">here</a>
or
Click on the picture to go to my journal:
would be coded as
Click on the picture to go to my journal: <A HREF="http://www.livejournal.com/users/khohen1"><img src="http://i2.photobucket.com/albums/y31/kho_mood/icons/johnny%20depp/1.png" title="click here"></a>
back to index
Font Modifications:
There are 3 basic modifications of font: style, size, & color
1: Style
You know what font styles are, right? Trebuchet Ms, Arial, Helvetica, Bell MT, Times Roman, etc? You can look up quite the few at DaFont
To show a few:
trebuchet ms
bell mt
arial
the code is:
<FONT FACE="trebuchet ms">trebuchet ms</FONT>
<FONT FACE="bell mt">bell mt</FONT>
<FONT FACE="arial">arial</FONT>
2: Size
You can pretty much determine whatever size you want, but to show a few:
font size 1
font size 2
font size 3
font size 5
font size 10
the code is
<font size="1">font size 1</font>
<FONT SIZE="2">font size 2</FONT>
etc
3: Color
There are lots of colors, and my favorite cheat sheet for all the color codes can be found here. You can denote the color either by code # or by name. Either way. I usually go for name, unless it's a particular color I want and don't know the name of.
To show a few:
blue
purple
orange
the code is
<FONT COLOR="#0000FF">blue</FONT>
<FONT COLOR="#800080">purple</FONT>
<FONT COLOR="orange">orange</FONT>
Combining them
You can combine all of them into one if you want. IE
<font face="trebuchet ms" color="blue" size="4">
On all font changes
Be sure to put the </font> when you want it to stop. For instance, if you want only one word to be orange, then you need to put the <FONT COLOR="orange"> before what you want orange, and the </font> after to stop it. Otherwise.. you guessed it. Everything after it is orange.
back to index
Ask Me A Question
Just hit reply folks. This is brand new, so I'm just answering frequently not known things about LJ to new users. If you have a question, ask it, and I shall answer thusly.
If you'd like the same kind of tutorial I just did, but for HTML specific and not just LJ specific, go here
