How to Add a Button to Your Sidebar
Feb 6th, 2010 | By Dee | Category: Featured Articles, Html and Design, Newbie Boot CampSidebar buttons are a quick and easy way to affiliate with, promote, or endorse a company or website you believe it.
How you add a button to your sidebar depends in large part on the type of site you have. For example if you have a WordPress blog then it’s going to be a different process than if you have a HTML site.
Here it is in a nutshell –
First you’ll want to click on the button image and save it on your desktop. If you’re using Blogger then you’ll have to upload the image into an image host like Photobucket or Flickr.
WordPress Blog
1. From the admin panel choose “write new post.”
2. Upload the picture/button image you’re using
3. Go to “Manage” and then “Uploads” and click on the picture you want.
4. Copy the URL by highlighting the URL and hitting the control button on your keyboard and the letter C.
5. In the same ‘manage’ screen now go to ‘Presentation,’ and then ‘Sidebar Widgets.’
6. Add a text widget and enter your code. It will look something like this.
7. <a href=”www.insertbuttonlinkURLhere.com”>
<img src=”past your URL here”></a>
8. Close the text widget and save it. You’re good to go.
Typepad Blog
1. Login and access your files through your control panel.
2. Choose to upload a new file, find your saved image, and copy the URL.
3. Click the “Typelists” tab. Note if you do not already have a typelist follow the instructions on Typepad to create one.
4. Click “Add a new item” to your typlist and past the URL you copied in step two. It should look something like this.
5. <img src=”http://example.typepad.com/image.jpg”>
6. Enter the URL to the website you’d like the image linked to in the “link URL” box
7. Save and you’re good to go.
Blogger Blog
1. Login and click on “Layout”
2. Choose “Template” tab, then “Page Elements”
3. Click on “Add a Page Element”
4. Choose the “HTML/JavaScript” option and click the “Add to Blog” option.
5. Type the link code (found where your image is being hosted) into the “Content” field. Your code will look like this:
<a href=”http://websiteyourimageislinkingto.com”><img src=”http://www.yourimage.jpg”></a>
6. Save and your button should be in the sidebar and linkable to the relevant website.
HTML website code
1. If you’re adding a sidebar button to the HTML code on your website the code will look something like this:
2. <div align=”center”>
<a href=”http://yoursiteURL.com” target=”_blank”><img src=”http://yoursitename/images/banner125×125.jpg” alt=”Imagelocation?”></a>
</div>
Adding a button to your sidebar is typically a pretty straightforward process. If you have any questions or difficulties, check with your website hosting documentation or blog developer documentation for clarification and FAQs.
We Recommend:
The Native Remedies Affiliate Program
The Native Remedies Affiliate Network is a Two-tier program with high conversion rates and top level commissions. You can Earn 25% commissions on each direct sale and 5% on second tier sales – so even affiliates that sign up via your site earn you commissions!
Commissions are lifetime! – so each time your customer buys again, you get commissions! Click now to learn more about the NativeRemedies/PetAlive Affiliate Program!
Become a Wholesale, Dropship or Distributor Customer!
As demand for NativeRemedies and Pet Alive natural health products & remedies have grown, so has the opportunity for distributors, wholesalers and drop shippers to partner with us. Whether you are a small or large retailer, alternative health provider, an individual with a broad network of associates or a large distributor, Native Remedies has a reseller program designed just for you!
Wholesale Purchase Program – For individual resellers, retail stores, health providers or others who purchase in bulk and who resell the products directly to consumers.
Drop Ship Purchase Program – For those who do not wish to order in bulk but who wish resell our products along with others and then have us drop ship the products for them. (No Dropship Fees!)
Distributor Purchase Program – For large distributors who typically wholesale our products to retail stores and health practitioners and who can meet the higher minimum order volumes.
MaxBlogPress Ninja Affiliate System
It’s no secret that 95% of all bloggers out there make pennies from affiliate marketing, while a select few who are privileged enough to be in the “inner circle” make thousands of dollars effortlessly. Ninja Affiliate is WordPress plugin developed to imbue lethal marketing powers into your WordPress blog and instantly double or triple your affiliate marketing commissions with almost no effort on your part.
Using Ninja Affiliate, you can automatically convert any keyword in your blog to an affiliate link instantly. You can also cloak your affiliate links, track them and manage them right from your WordPress text editor. AffiliateRugu uses and highly recommends Ninja Affiliate by MaxBlogPress!
