Image Map
Showing posts with label blog button. Show all posts
Showing posts with label blog button. Show all posts

Oct 9, 2011

I have a friend, and his name is Red!

I have decided to change my NaNo story to something else, because I don't think it would be nearly as fun as starting a brand-new novel. :) It's going to be called 'Flower Power', and I have written only about a page of my 'story', so now the page is like a plot. It won't start the same way I wrote it originally. :)

Yesterday, we had a very, let's just say, colorful dance picnic. We have one every year. This year's theme was 'COLOR BATTLE!' Oh yes! Our team went all out! We had black and red tutus, red hair with messy buns, red stars on our cheeks because out team is called 'Starfire', and red shirts! Our 'buddies', called Xtreme, was also red, so we made up a cheer to go along with out theme, hence the title. Our buddies are the age of 17-18, so they are super nice! We screamed 'RED!!!!!!!' whenever we had a chance. We played  some really fun games, and the food was really good! We had tacos, or 'walking tacos' because the bees were trying to nest in our hair, so every few seconds we would jump out of our seats because of our hair! :)

I had a very colorful weekend with my crazy friends. :)

I made another button! Feel free to take it if you agree! ;) It's under {share the love} on the side bar.


Photobucket

Oct 3, 2011

{Share The Love!}



Chunkey Monkey


I finally made my blog button for the new design, so don't forget to button up! If you could replace these with my old button, that would be awesome! :) Thanks!

Photobucket

Aug 28, 2011

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





American Girl Playground




{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!