How To: Install A * Custom * Background

Hi Girls! Today I am going to give you a tutorial to install a custom background that is full length, or simply a background you would like to tile. You can see an example of a tiled background on my blog right now. Hope this helps you, and if you have any questions, feel free to comment below! Remember: Back up your template before you start by right clicking 'select all' and copy ALL of your template. You can paste this into a word document, or email it to yourself. This helps prevents ANY mix ups!


Right underneath 
/* Use this with templates/template-twocol.html */
a:link {

Replace any code with this code. . .

body { background:url(enter YOUR url of your new background!); margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; }

  

UP UNTIL this code: 

color:$linkcolor;

  text-decoration:none;

  }

a:visited {

  color:$visitedlinkcolor;

  text-decoration:none;

  }

a:hover {

Your coding should now look like this: 

/* Use this with templates/template-twocol.html */

body {

  background:url(Your URL);

  margin:0;

  color:$textcolor;

  font:x-small Georgia Serif;

  font-size/* */:/**/small;

  font-size: /**/small;

  text-align: center;

  }

a:link {

  color:$linkcolor;

  text-decoration:none;

  }

a:visited {

  color:$visitedlinkcolor;

  text-decoration:none;

  }

a:hover {

After you do this, you will not be able to use the Template Designer background up loader. This way is to install custom full length backgrounds you have made on Photoshop, Gimp, or any other program. You then can also upload a picture to tile on the background of your blog. 

Blogging Tips For The. . . Blogger. . .

  :) I have had this in my head for awhile, and so if you have any tips YOU would like to share, please comment! :)

Post Often.

I dislike it when people have these AWESOME blogs, but only to find out after

I follow them, they haven't posted for four months. Try to post often so people know

they can come back to your blog with a new post ready for everyone

to read. :) 

Have a nice blog design.

Most of the blogs I am attracted to have colorful or cute blog designs. You don't 

have to pay to have cute designs! Google some ways how to make

your own header and background, or even have someone do your

blog for free! Here is Britt's blog design link: http://silverliningblogdesign.blogspot.com/

{She did my blog}

Have handy gadgets.

I love blogs who have pages, menu bars, archives, a search bar, or even just labels. 

Don't have too many gadgets.

I don't like it when people have their whole sidebar full of pictures,awards,blog buttons,

etc. Try to limit down these distracting gadgets by having a separate page for awards and buttons,

or figure out how to make them in a scrolling list. The reader gets distracted by the side bar when

there is gadgets to the end of the blog.

COMMENT AND FOLLOW!

The more you follow and comment, the more visitors/followers you get! You all know Caelen,

right? Every time I visit a doll blog, she has commented at lease once, plus followed. She has followed SO MANY blogs! All the work pays off, because now Caelen has 75+ followers!

Advertise, but don't beg.

What I mean by this is you can post "Please comment!" or "I don't get a lot of comments, so please comment!" if you still don't get comments, but don't do this; " PLEASE COMMENT! I DON'T GET ANY COMMENTS!! PLEASE???" It is very good to remind people to comment, because you might of asked a question you wanted people to answer on your last post.

Ask Questions.

I learned that if I don't have a post ending with a question, or something people can relate to, I don't get any comments, because what is there to comment about? Pizza on a post about a cat? No. :)

Respond to other people's comments!

Chances are, when you respond to another comment someone wrote, you will get ONE more visitor! Sweet! ;)

CLICK!!!

Include pictures in your posts! I noticed the blogs with the most followers are the ones with photos in almost every post. I am trying to get a camera soon, so photos WILL be added to my posts! :)

Extra Fun for Viewers
When your viewers are waiting for a new post, give them something fun to do. Put a Cbox on your sidebar, or even have a special page with links to your favorite websites. 

I hope this helped all new bloggers, and maybe even some old bloggers. If you have any more tips to add to the list, comment below and maybe your tip will be one the list! :) 

{I actually had another post planned for today, but something went wrong when I tried copy and pasting the photos, and my computer wouldn't stop loading when I clicked something, and I lost my other post. I will try to post it next week.  IT WAS SAVED IN DRAFTS! BOO YAH!! :D Also--look out for AJ's guest post tommorow! :)}

how to | blog button

Hi Girlies!
A while ago, I was searching Google on how to make a blog button. I could NEVR find a easy enough tutorial, until I came across Sew. Craft. Create. It was so simple! Now, using her code, I will tell you how to make one!. A blog button is a picture in which you can "grab" using a code, then you can add it to your side bar. Here is one I made for Pryia








<center><a href="http://agplayground.weebly.com/ <br /> "><img border="0" src="http://i1228.photobucket.com/albums/ee449/ChunkeyMonkey00/pryiA.jpg" width="125"/></a></ center>
{Please Grab it for your blog by copy and pasting it into a HTML/Java Script accepting place.}

{Credit to Sew. Craft. Create. and Adorkable. Follow their blogs, THEY ARE AWESOME!}

First, you are going to have to make the actual picture. I love to use Picnik to make mine.

Second, size it to about 200x200, or until it is big/small enough to fit on your side bar {or where ever you would like it}.

Then, upload it to Photobucket, or another file sharing website.

After you do that, you will need to open Word or another document program. Copy and paste this code on to the page: 

<center><a href="Blog Address" target="_blank" title="Blog Title"><img alt="Blog Title" width= "150" src="Code from photo" /></a></center>

<center><textarea id="code-source" name="code-source" rows="3"><center><a href="Blog Address"><img border="0" src=" Code from photo" width="125"/></a></ center></textarea></center>

You will need to fill in the blue text to what it says. On Photobucket, you will take the HTML code from underneath the photo. I highly recommend using Photobucket for 100% results.

 Be very, very, careful when you replace the blue text. If you delete just one thing, your whole entire button will not work. 

When I was just searching Google for cool things for my blog, I came across Adorkable and her AWESOME tutorial on how to make a hover over image. Thanks, Adorkable! {I love your blog!}

If you want to make a switching button with TWO photos when you hover over it, use this code instead when placing the code for the button: 

<a href="Blog Address">
<img src="First Image you want to show up BEFORE you hover over"
onmouseover="this.src='Second Image you want to show up AFTER you hover over.'"
onmouseout="this.src='First Image Again'"
alt="Optional Text " /></a>

Use that code instead of the HTML codes from Photobucket on your blog button!

blogging tip

{this post will be written with no capitals!}


this is very important if you like to play with your html code. such as, adding new things to your template
or changing something in it. make sure you have a test blog, trust me. i copy and pasted my whole 
template code from this blog to my test blog, so if i messed up my template, easy peasy lemon squeezy. 
you could also back-up your template on your computer. i was messing around with my template code 
today, and guess what.