Y i Believe

9.06.2006 12:18 PM | Tags: advertising | AddThis Social Bookmark Button

UPDATE: Y i Believe Hosted Badges are now up and running. Have a look there for updated code and free hosted badges. The code it gives you will work with most sites, including MySpace.

Y i Believe is a new-ish site all about people who have found Jesus and want to spread His word through the internet.

The site lists how you can participate by placing a badge on your website. However, the site only has code you can use if you run your own site or can edit the code behind it. If you want to place a badge on your MySpace profile, here’s the code to do it:

<style type="text/css">
body {
  position: relative;
}
.yibelieve_TopLeft,
.yibelieve_TopRight,
.yibelieve_BottomRight,
.yibelieve_BottomLeft {
  margin: 0;
  padding: 0;
  border: none;
  float: none;
}
.yibelieve_TopLeft a img,
.yibelieve_TopRight a img,
.yibelieve_BottomRight a img,
.yibelieve_BottomLeft a img {
  background-color: transparent;
  color: white;
  border: none;
  text-decoration: none;
}
.yibelieve_TopLeft {
  position: absolute;
  left: 0;
  top: 0;
}
.yibelieve_TopRight {
  position: absolute;
  right: 0;
  top: 0;
}
.yibelieve_BottomLeft {
  position: absolute;
  left: 0;
  bottom: 0;
}
.yibelieve_BottomRight {
  position: absolute;
  right: 0;
  bottom: 0;
}
</style>
<div class="yibelieve_TopLeft">
<a href="http://yibelieve.com"><img src="[IMAGE URL GOES HERE]" alt="ibelieve" /></a>
</div>

Place the code above in the “About Me” or “I’d Like to Meet” boxes when you edit your profile. Now you just need to do a few things before you save your profile:

  1. Download the Y i Believe badge collection
  2. Unzip your download and choose the appropriate badge for the corner you want to place it in on your page.
  3. Replace [IMAGE URL GOES HERE] in the code with the location (URL) of the actual badge. You’ll need to find somewhere to host the badge so that you can reference it here. Some sites (like Photobucket; Tutorial on how to find the image URL) allow you to upload an image and give you a URL to it. If you cannot find or use such a site, I am also planning to offer free hosting of the badge so that you can then use it on your profile. I’ll blog about this soon, but in the meantime, contact me if you want more information.
  4. Change TopLeft in the code to one of the following depending on where you want the badge to be placed (if appropriate, depends on which badge you chose in step 2):
    • TopLeft
    • TopRight
    • BottomLeft
    • BottomRight
    Remember to keep the mix of uppercase and lowercase letters for it to work. I recommend you use TopRight for the best effect.

Finally, press “Save All Changes” and hey presto, you’ll have your very own Y i Believe badge on your MySpace profile!

Back to top