PGR Garage

Andrei

Tutorial: How to add your gamercard to your profile.

You can add your official Xbox Live Gamercard to your profile page!

While we are working on some way to automate the process, here is a brief tutorial on how to do it manually:

  1. Go to http://www.glop.org/gamercard/ and enter your gamertag. Select a style and press "Generate" at the bottom of the page. Note, your gamertag will appear in the sidebar so I recommend picking either the default, or a style with the same width.
  2. Now, copy the HTML CODE (FOR WEBSITES AND BLOGS). I recommend pasting into a notepad program so you can take a look at the code.

OK, now you are ready to add your tag to your profile page.

  1. Click on the "My Page" tab, and then press the "Edit my Profile" link.
  2. Now paste your code from glop.org into the box that says "Xbox Live Gamertag."
A few final tweaks and edits. Since the sidebar wants to indent the image, we need to center it with css.

  1. Add this code before the code you just pasted: <span style="position: relative; top: -5px; left: -17px;">
  2. Add this code after the code: </span>
Now click "Save" and you are done!

Your final code should look something like this:


<span style="position: relative; top: -5px; left: -17px;">

<a href="http://live.xbox.com/member/YOUR_GAMERTAG"><img src="http://www.glop.org/gamercard/card/YOUR_GAMERTAG.png" alt="YOUR_GAMERTAG's Gamercard" border="0" width="203" height="140"/></a><br />Get your own <a href="http://www.glop.org/gamercard/">Gamercard Sig</a>.

</span>


Optional tweaks:

You could change the text that appears below your profile to anything you like. If you feel like supporting small developers like Glop, please leave a link to their site!

If you have any questions, feel free to ask for help.

Share 

Comment

You need to be a member of PGR Garage to add comments!

Join this Ning Network

Badge

Loading…

© 2009   Created by Andrei on Ning.   Create a Ning Network!

Badges  |  Report an Issue  |  Privacy  |  Terms of Service