Thursday, March 3, 2011

blogging tip #2.


how to make your own button. 

you see the "grab a button" on the upper right side of  my blog? well i am going to show you how to make one. it might sound complicated but it's super easy.

1. pick an image you want to use and resize it. it can be any size but i recommend not going over 200 px  for the width since most buttons are going to be placed on the sidebars. you don't want to take over someones blog do ya? beside the smaller it is the faster it is to download.

2. upload your image to photobucket. after uploading, if you click or rollover your image, you will see a bunch of codes for sharing under the photo like this:
 we want the html code so copy that and paste it in a new word document easy editing.

3. it should look like this:

<a href="http://s1143.photobucket.com/albums/n627/ayazine/?action=view&amp;current=badge-2.jpg" target="_blank"><img src="http://i1143.photobucket.com/albums/n627/ayazine/badge-2.jpg" border="0" alt="Photobucket"></a></p>

4. now change the text in red ink to your website and name of your blog like so:

<a href="http://ayazine.blogspot.com/"><img src="http://i1143.photobucket.com/albums/n627/ayazine/badge-2.jpg" border="0" alt="AYAZINE"></a></p>

 5. now copy your code and paste it twice and put this code in between:

<textarea cols=”15 rows=”4 wrap=”VIRTUAL">
so it should look like this:

<a href="http://ayazine.blogspot.com/"><img src="http://i1143.photobucket.com/albums/n627/ayazine/badge-2.jpg" border="0" alt="AYAZINE"></a></p>
<textarea cols=”15 rows=”4 wrap=”VIRTUAL">
<a href="http://ayazine.blogspot.com/"><img src="http://i1143.photobucket.com/albums/n627/ayazine/badge-2.jpg" border="0" alt="AYAZINE"></a></p>

and there's your code! whew! that's all there is to it! i told you it might look complicated. i hope you find this helpful and happy blogging!

No comments:

Post a Comment

i'd love to hear your thoughts and make new friends!!
lots of love,
ayan

Related Posts Plugin for WordPress, Blogger...