Making a blog button

Sunday, August 28, 2011

How to make a button for your blog

Before we begin, to make my button I use paintshop and I use photobucket to host my images ….So I will use that in my tutorial..... First using Paint Shop, click file and select new, the box shown below will appear ….The setting to use are width 125px, height 125px, resolution 100.000.  Choose what color to make your background........ I used white




Then add whatever you want your button to look like and save as a jpg

Open up a photobucket account or any other site where you can upload your image...........

Once your image is uploaded, go to your blog design page and click "add a new gadget".
Then add an html box as shown below.
(click on images to make them larger)


Once you click "htlm gadget", a box will come up ....Im the box copy and paste the code below

<div style="text-align: center;">
<a href="YOUR BLOG URL HERE"><div style="text-align: center;">
<img src="DIRECT LINK FROM PHOTO BUCKET IMAGE  HERE" /></div></a>
<textarea name="textarea" cols="20" rows="4" wrap="VIRTUAL">
 <em><a href="YOUR BLOG URL HERE"><div style="text-align: center;">
<img src=" DIRECT LINK FROM PHOTO BUCKET IMAGE  HERE " /></div></a></em>
</textarea></div>

Once code is pasted, place your blog url in between the  " " where it tells you YOUR BLOG URL HERE ......make sure its in between the 2 quote marks and you have to paste it in 2 places

Then go to photo bucket and at the bottom of the image you are using for your button, copy the direct link as shown in the image below:

Once copied, paste that direct link into the code above in the 2 places where it tells you DIRECT LINK FROM PHOTOBUCKET IMAGE HERE......Again make sure its between the quote parts

Once all this is done hit save and view your blog ...Your buttom will show up .....You can then go back to design and place the button gadget where you want it on your blog



No comments:

Post a Comment

Thank you so much for dropping by.....Please come back !!!

 
“The most beautiful people we have known are those who have known defeat, known suffering, known struggle, known loss, and have found their way out of the depths. These persons have an appreciation, a sensitivity, and an understanding of life that fills them with compassion, gentleness, and a deep loving concern. Beautiful people do not just happen.” — Elisabeth Kübler-RosS
“The day she realized, it was not about the world but was all about her, she grew the wings. The day she understood she was not answerable to any of them who always blamed and pointed her, she had the fire blazing in her eyes. She raised and soared towards the sky. The whole world looked at her in awe and wished if only they could be her. She was not confined to be on the ground anymore. She had the wings of fire and she left a trail everywhere she went, for other to follow.” ― Akshay Vasu

Follow by Email