Wednesday, June 9, 2010

how to make a blog button

Step 1:

Find a photo that you want to use for your button and size it to 150x150 pixels. You can do this very easily in Photoshop >> Open the image you want to use. Select IMAGE from the taskbar. Then click on IMAGE SIZE. A box will open and you can size the pixels from there.

Step 2:

Host your photo on a website like, Photobucket. Here's the link to Upload the photo, then copy the direct link assigned to your specific photo.

Step 3:

Copy this code and replace the "yourblogURL" with your actual blogger web address and replace the "yourimagedirectlinkURL" with the link you copied in step 2.

a border="0" href="yourblogURL" target="_blank">

make sure to use this with a < at the beginning and /> at the end (see the photo in step 4)

Step 4: 

Within your blog go to the Layout tab and click the ADD A GADGET link. Select the HTML/JAVA Script tool. It will open a new window. In the title area you can write something like..."Grab my Button" or whatever suits your fancy. Within the text box post the HTML from step 3.

 If it looks similar but with your replacement links hit save.

Step 5:

Open another HTML Gadget but leave the Title blank. Paste the following code at the top of the text area... textarea rows="4" cols="20" again use < and >

next copy and paste the code from step 3

finally insert this at the end textarea using and >

It should look like this...(click the photo for a larger view)

Click save. Make sure this box is under the previous box. So that your blog looks like this...

That's it! You should now have a working blogger button!! Phew! What a relief :)
Let me know if you have any questions about this post.

No comments:

Post a Comment


etsy jewelry bailybelle batik on etsy fashion fall fashion polyvore sale accessories anna johnson beach closetista etsy sale giveaway interview little bug jewelry metalwork music pediatric stroke pediatric stroke awareness month spring color trends style style gone social treasury Balenciaga Clare Vivier Easter Essie Goldsign Kenneth Jay Lane Miso Naystalgia Ocean Queen of the Castle Magazine Rupert Sanderson Shopping TOMS Wildfox Couture anniversary sale antlers atutudes aunjanue babies baily belle published bailybelle creations bailybellecreations bailyebelle batik birth black and navy blue blankets blog blue and raspberry booth121 cards casual cd giveaway challenge number one children coffee colors comfortable contest coral earrings coupon code craft show displays craft shows craft tutorial crafts cupcake toppers curation nation decoupage diy dressy earrings earthy eau claire wi eggplant purple etsy treasury facebook fall fall trends flared jeans flea market food fruit salsa gift guide gifts glitter glitzglitter golden yellow green moss halloween costume handmade handy maiden hollywood how to make fruit salsa indie music infant stroke inspiration interior design jerseymaids jewerly giveaway junk in da trunk girls leather life linen jewelry lyndiart madison wi marked mermaid mothers day nautical new pieces night out wardrobe nukilan octopus ordinary mommy our stroke story owl pantone color trends peaces of indigo peacock peacock costume personalized jewelry pig pinky's vintage polka dots press promote red bag reflection rosette jewelry rosettes rustic sacramento parent magazine sailboats salsa recipe sis boom sodalite blue and granita sofiasobeide stamped jewelry statement rings stefanielinstudios sterling silver stroke awareness strokes summer summer fun sun sunshine talen talent thatvintage the glitter workshop the living room coffee house the signs of stroke in children treasuries trendy tuesday tutu twinkle toes twitter under $50 valentines day vintage vintage flea and finds voting winner wire wrapping wish daisy wishdaisy zooey deschanel