Category: Design

How To: Social Buttons For Blogger

How To: Social Buttons for Blogger

The other day I when looking through some rather lovely blogs I noticed they all had lovely wee social buttons. Well I decided I wanted some so with some trial and error and a tiny bit of HTML know-how I figured it out. It struck me {when I had finished sceaming at the code} just how simple it could be using Adobe Illustrator, Photobucket and Blogger. Hopefully that is made clear in this post which just happens to be my very first tutorial – hopefully of many more to come.

 

First decide on the look of your buttons make a little sketch time for them – I only wanted circles so I didn’t bother sketching, but if you’re after something a little more fancy then it’s a good place to start.

Once you’ve sketched out your buttons, scan them and open them in Illustrator. {I used Illustrator to create my buttons, but you could also use Photoshop.}

If you don’t want to use the Live Trace or are using Photoshop you can use the pen tool to draw your logos.

Repeat this for all your desired buttons and once you have them all it’s time to get them ready for Blogger.

Now open a new doc in Illustrator to the desired size of your buttons, mine were 40px x 40px. Copy your button from the previous document and rezise them to fit your new artboard.
{You could do this to begin with, but I was just being awkward}

Repeat this for all your buttons and once they are all exported as png files, upload them to your chosen image hosting site – I used Photobucket.

Once you’ve uploaded your images, it’s time to get them on to your blog.

Use this code:< a href=” YOUR WEB LINK” >< img border=”0″src=”YOUR DIRECT IMAGE LINK” />< /a >

Do this for each of your buttons and paste each segment of code in to the gadget box. Hit save and choose where in your layout you want the buttons to go.

If you want to centre them then just add < center> to the very top of the box and </ center>  after all the code.
{if you are copying and pasting the code from here don’t forget to leave out the spaces}

I hope this makes sense. If not and/or if you have any questions please comment below, but be gentle it’s my first tutorial.

Client Work: Wedding Illustration

 

I just wanted to quickly share these pics that I’m so over the moon about.

A little while ago our friends Joni and Joe asked me to design their wedding invites. Well yesterday I got an invite to their wedding and was super chuffed to see the little sticker on the envelope. Words can’t express how excited I am about this so I’ll just show you the pics.
 

 

I really love the words inside too, beautifully written by Joni & Joe. “Ceremony followed by dinner, drinks and awkward but enthusiastic dancing” – just brilliant!

I’m definitely up for more invitation designs, so if you’re interested give me a shout!!

Work in Progress: You Can’t Take The Sky

I have a tee up for voting on Qwertee and couldn’t be more excited! who knows, one day I might be among the lucky folk who get theirs printed.

If you feel like adding your vote, it would be VERY much appreciated 😀 – Vote here

After some feedback on the design, I think I will take out the stars at the top so it can be placed better on the T shirt.

Woudl love to know what you think, so please leave a comment below. You can also catch up with what I’m up to on the Facebook page: DaisyBisley on Facebook