Langsung ke konten utama

Xbox Live Gamercard Gadget For Blogger

Example Xbox Gamercar
For a recent design project I was asked if it was possible to display an Xbox Live Gamercard in a Blogger site.

Thanks to this useful guidance from Jamie Huskisson I discovered it was surprisingly easy to achieve and have now created a simple Blogger gadget for gamers to easily add their own Xbox Gamertag to Blogger blogs.


Manually add an Xbox Gamercard Gadget to your Blogger site

If you would prefer to control how your Gamercard appears, you can use the code below to add an Xbox Gamercard to your site. Be sure to replace "your_gamertag" with your Xbox Live Gamertag:

<iframe src='http://gamercard.xbox.com/your_gamertag.card' class='gamercard' width='204' height='141' scrolling='no' frameborder='0'></iframe>


Notes about the Xbox Gamercard

The Gamercard will only display to users who are logged into Xbox live.

The gadget I have developed displays a notifying background image when visitors are not logged into Xbox Live.

If you are installing the gadget manually, I would advise you to add some styling code to display a similar notification if the Gamercard is unable to load:

<div style="text-align: center">
<iframe src='http://gamercard.xbox.com/sniperfired.card' class='gamercard' width='204' height='141' scrolling='no' frameborder='0' style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1u5rK-temp9X7eNQ8XBDT9k54i3lr1ZhkKRRd6Kwi_haZ119P6_J_CYztVtK97qmZQubhxrnSNutXR7SXoQ2U3ndQVllXJJhv6yFIUEvfDOsshIjcLmJRComx_iD2y6K3KHhtinNxmHNg/s800/gamercard-bg.png) center no-repeat;"></iframe>
</div>


What do you think?

I realise that many Gaming bloggers choose to use Blogger for their publishing platform and hope this gadget will be useful for many of you.

Please feel free to leave your comments and opinions below.

Komentar

Postingan populer dari blog ini

Google Blogger For Dummies To Be Released In February!

If you're familiar with the "Dummies" series of books, you'll understand how helpful and insightful these textbooks can be in dealing with any subject. That being said, I'm happy to announce that Google Blogger for Dummies is due to hit bookshops on February 3rd. It's available to pre-order now from Amazon.com  (priced at $16.49) and will be available in Barnes and Noble, Waterstones and other bookshops, and also directly from Wiley. The author, Susan Gunelius, has been kind enough to send me a 60 page preview of this book, complete with a full and detailed table of contents and two sample chapters for my preliminary review. Also, when the book is released early next month, Susan has graciously offered me a copy of the book so that I can review it in it's entirety and offer readers my insights. What Google Blogger for Dummies will cover Being a "Dummies" guide, Google Blogger for Dummies will cover both the basics of using Blogger (crea...

Introducing Gadgetsforblogger.Com - A Searchable Directory Of Gadgets For Blogger

Gadget directory , I've been keeping track of new submissions and developing several gadgets of my own . While Blogger's directory is searchable, I realised that many bloggers would find descriptive reviews, screenshots, developer details and installation instructions a useful addition to the brief descriptions offered in the directory listings. So I decided to create Gadgets for Blogger - a searchable directory of gadgets which have been developed specifically for the Blogger platform. Each gadget listed in this directory features: The gadget title A full description of the gadget Screenshot of the gadget in action Details of ads included in the gadget (where applicable) Contact/website details of the gadget developer (where possible)  Quick install link, to add the gadget to your blog without having to navigate to your Blogger dashboard and through various menus to locate the installation link. All gadgets listed on Gadgets for Blogger have been tested first, t...

16 Useful Twitter Tools For Blogger

Since it's launch back in 2006, Twitter has become a leading pioneer in the world of social media. Bloggers in particular find this service an invaluable tool for syndication, news stories and community conversation. For this post, I have rounded up 16 of the most useful tools, tips and free resources to help you get the most out of Twitter through your Blogger powered blog. Display your Latest Tweets Visitors to your blog may also enjoy reading your Tweets, particularly if they are of relevance to your blog's niche subject. Here is a selection of the best tools for displaying Twitter updates in your Blogger layout: The Official Twitter Badges Twitter provides an animated "Profile" badge which you can use to display your latest updates as a widget in your blog layout: You can configure the size, colours and number of updates for your badge in the settings, then grab the code which can be pasted in an HTML/JavaScript widget in your Blogger layout page. Ano...