Sunday, June 2, 2013

New Tricks 9/26: Buttons for my blog

Making buttons isn't easy. The coding part took about 20 minutes after I figured out a few extra fancies to add in (ooh, centred! Ooh, linked image!). But it has taken days and days to play around in photoshop and Pixlr and Picmonkey to make the images themselves. It's hard trying to pick a photo, let alone to edit it and then add in all the extras. Well, it is for me, anyway. I'll keep working on them as my design skills slowly improve but voila! Buttons!

Grab button for Lilybett and Boy
<div class="Lilybett-and-Boy-button" style="width: 200px; margin: 0 auto;"> <a href="http://lilybettandboy.blogspot.com.au/" rel="nofollow"> <img src="http://i1312.photobucket.com/albums/t532/LilybettandBoy/Toybuttonfancy200x150_zps3f1892fc.jpg" alt="Lilybett and Boy" width="200" height="150" /> </a> </div>

Grab button for Lilybett and Boy
<div class="Lilybett-and-Boy-button" style="width: 200px; margin: 0 auto;"> <a href="http://lilybettandboy.blogspot.com.au/" rel="nofollow"> <img src="http://i1312.photobucket.com/albums/t532/LilybettandBoy/hundredsandthousandsfancies200x200_zpsd00bf407.jpg" alt="Lilybett and Boy" width="200" height="200" /> </a> </div>

I used Code it Pretty's tutorial 'Make an HTML grab button for your blog'. Anything extra or weird is all mine. And there they are, sitting over there in my sidebar. Please take one and share.

First button is 200 x 150
Second button is 200 x 200

No comments :

Post a Comment

Thanks for taking the time to respond to what you have read here at Lilybett and Boy. I love reading through all your comments.

YOU MIGHT ALSO LIKE:

Related Posts Plugin for WordPress, Blogger...