How to Add a Copy Code Box for your Button (Video)

April 3, 2011 By April M

Here is a very simple and easy way to add the copy code box under your Button. The copy code box allows others to use and place your button on their site which will drive more followers/readers to your blog.

*New* There is a video at the bottom of the page on how to do these steps.

Step 1: Once you have your button created upload it to Photobucket.com.

Step 2: Click on the HTML code and that will copy it for you.

Step 3: Log into your Blog and click on “Design” and you should automatically be under the “Page Elements” tab.

Step 4: Click on “Add a Gadget” then “HTML/Javascript”

Step 5: Right Click (or press ctrl + v) under the Content area and paste the HTML Code you copied from Photobucket it should look something like this:



Replace the area in blue (above) with your Website URL.

You can center your button by adding

at the beginning of your HTML code and add

at the end of you HTML Code.

Step 6: Highlight and Copy your HTML Code again and paste it right under the first one and add

plus at the beginning of the second HTML Code and add

plus to the end of the HTML Code. This is what your finished Button with Copy Code will look like.



Step 7: Save it and take a look! Leave a comment below and let me know if it works.