Will someone give me a quick tutorial on how to make neopet blogs? I have no I dea how to! :confused:

1) Make a graphic the size you want your blog to be. As an example, let's pretend that the size is 300 x 300 pixels. Draw on a box where you want the text to go. For this example I'll pretend that the box is 100 pixels in height and 200 pixels in width.

2) Make a div the same size as your graphic, and set your graphic as the background as this div. Example:
<div style="width: 300px; height: 300px; background-image: url(http://yourdomain.com/yourgraphic.gif);">

3) Inside that div, make another div to use as the text box. You're going to want to position this box on top of the one that you drew. For this example, the drawn box is 200 pixels from the top of the graphic, and 0 pixels from the left of it. You will also want it to scroll, so we will set the overflow to auto. The code would look something like this:
<div style="width: 200px; height: 100px; position: relative; top: 200px; left: 0; overflow: auto;">

4) All you basically have to do is compile the code then add your text. The final code will look something like this:
<div style="width: 300px; height: 300px; background-image: url(http://yourdomain.com/yourgraphic.gif);">
<div style="width: 200px; height: 100px; position: relative; top: 200px; left: 0; overflow: auto;">
Text contents go here.
</div>
</div>

Hope that made sense! :)

How would I add a colored scrollbar and color the text?

To the style tag of the inner div (the one colored purple in my message), add the following:
color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color #FFFFFF;
The color: #000000 bit changes the text color, while the others change different parts of the scrollbar.

do you use paint??

how do you get the picture from paint to a code??

can you explain mre thouroughly??

i can...if u use paint ((paint, not paint shop pro,)) u cant make the images transparent. u kno in the blogs, the area where u gotta put the text, its slightly transparenT? u cant do that in paint. but if u get a normal picture, and u use glowing text, u should be able to c both the text and image thoroughly. ((i suck at spelling, soo...)) anywayz, the get the image online, save the picture ((prefably in jpg or gif format.)) this sometimes mite affect your image a little, but its ok. then, u have to have an image hosting site. for neopets, i suggest u use photobucket....i used 2 use geocities, n half of the time, my image would not show up. if u already have a photobucket account, thats good, but if u need 2 sign up, u gotta do it at a certain time ((they dont want u 2 sign up during peak hours)) so once u have an account, you can upload ur picture, and just put ur link in. i suggest u use photobucket becuse its a very easy, free program...n it gives u the links, image code, and html code, so u have no problems getting the picture on ur site....plz send me a private message if u have questions...:)

Aiight I did all that, but how do I move the text? I mean, the scrollbar isn't showing up, but that's all right because I don't have that much text tht I need it, but how do I move the text so it's in the right place?

This is the part that changes where the scrollbox will end up:
<div style="width: 200px; height: 100px; position: relative; top: 200px; left: 0; overflow: auto;">

You just need to measure the pixels (sometimes it needs to be done in Paint, and sometimes you can do it by eye). If you go into Paint and hover the cursor over the top left corner of the scrollbox area, there should be some numbers come up on the right side of the little bar under the graphic. The numbers will be like 0,200 or something similar. The first number belongs in the "left" measurement and the second belongs in the "top" measurement.

yea. u mite have to trial n error

That turlul helped me a lot!!! I wanted to make shop blogs.