Well, it’s a boring and relaxing weekend here for me and i felt like i wanted to do something with my blog. I have seen all around the blogosphere those web2 badges and ribbons here and there. I didn’t want to do that here but i wanted to try out my luck with something like that. You must remember the previous article about the z-index and how to make some cool effects for your site. So, i tried and with my poor photoshop skills i created a small stamp for my posts. I decided to place it on the top right corner of each post just for the heck of it.

If you want to do something similar here is the way to do it in very simple steps:

  • Create your image, preferably with transparent background unless you know where it will be hovering over.
  • If you want to put it on all the pages of your blog then the index file of your theme is the way to go. If you want to do it like me, on the post page, then open the single.php page.
  • Any place you like on the code add a div and put the image just like shown below:
<div class="stamp"><img alt="stamp" src="http://location/to/src/img"></div>
  • Then on your style.css add the following
left: 700px;

Please notice that top and left variables are something you have to find out yourself in order for your stamp to appear wherever you like it.

This is the way i added my stamp. I know it looks a bit silly or dorky up there but for now i like it. Who knows maybe tomorow i’ll change my mind 😉

As always, if you have any comments i’ll be glad to hear them out!