Tutorial: Posterous: How To Add Image Buttons/Ads To Your Posterous Site
Recently I've had a few people email me and direct message me on twitter about how I added images to the right side of my posterous site.
So here is my attempt to explain how.
You will need the following:
1. Hosting (for the images to be displayed) - for example my image files are all running from nicholaspatten.com
2. Images already made to put on the side bar (the images I use are 150px wide)
Instructions:
1. Login to Posterous.com (I have highlighted the areas in blue that you will need to click)
2. Click Manage
3. Click "Your Account" under the Settings tab
4. Click "Your Profile"
5. In the "Your Bio" box (Highlighted in green) you will need to insert HTML code for each image. (Keep in mind you will need to have the image on your own hosting site. It's never smart to link directly to someone elses image because you never know how long that image is going to be live and/or they can change the image to be something completely different without you noticing)
Here is the HTML code for each image button/advertisementa href="http://bit.ly/dp78WW" target="_blank"><img src="http://www.nicholaspatten.com/ads/imwithcoco.jpg"/></aadd < at the beginning and > at the end
Looks like:
You can also do this for your menu options like I have with my site (for example: Subscribe, Snowboard Designs, Free iPhone Wallpaper Designs, etc)Every time I post something new I make sure to tag it so that it will show up when someone clicks the side bar links. If I create a new snowboard design, I will go to the new post and add the tag "snowboard design" to it. Not only is this good for SEO purposes but it also allows the viewer to get to the content faster.Below is what the code looks like:
Hopefully that helped explain a little bit of how you can use simple HTML techniques to make your posterous page a little different from everyone elses. If there is a better way of doing this feel free to add a link in the comments.Have any questions? Leave a comment.Update: 04/04/2010
Related Article: Posterous Tip: How To Add Tags When Blogging by Email?
By the way, I'm with Coco :)
Comments [43]