Monday, December 12, 2005

Blogspot hack: Amazon recommended readings

This hack shows a side-box with a random list of recommended readings from Amazon.
It uses your Amazon Associate ID and a list of ASIN/ISBN. The user can go back and forth through the list. You can see it working on the bottom-right of this page.

  1. The parameters in oAMZ are pretty much self explanatory
  2. It actually uses my own Amazon Associate ID, you can tweak it by looking for immeleblogdes-20 and stephahamelim-20

Blogger Beta

Create a new HTML/JavaScript Page Element and give it a meaningful title such as "Recommended Reading". Then copy the code below:

<!-- Begin Amazon Readings Blogger Scriptlet -->
<a style="float:left" href="javascript:arzPrev()">< Previous</a>
<a style="float:right" href="javascript:arzNext()">Next ></a>
<center><iframe scrolling="no" width="120" frameborder="0" marginheight="0" name="fAmazon" height="172" marginwidth="0"></iframe></center>
<script type="text/javascript">
<!-- Begin Amazon Recommended Readings
var oAMZ = {
sLocale:"CA", // {US|CA}
bImage: "Large", // (Large|Small|None)
bPrice: "None", // (All|New|None)
sTextColor: "000000",
sLinkColor: "000000",
sBorderColor:"ffffff",
sBackgroundColor:"ffffff",
sWindow:"_blank",
asASIN:[
"078521965X", // Call to Action
"0072257024", // Google AdWords
"0470053852", // Google Analytics
"0785218971", // Waiting for your cat to bark
"0321344758", // Don't make me think
]
};
function arzSet(i){fAmazon.location.href=oAMZ.sURL+"&asins="+oAMZ.asASIN[oAMZ.iPos]}
function arzNext(i){oAMZ.iPos=oAMZ.iPos==oAMZ.asASIN.length-1?0:oAMZ.iPos+1;arzSet(i)}
function arzPrev(i){oAMZ.iPos=(!oAMZ.iPos?oAMZ.asASIN.length-1:oAMZ.iPos-1);arzSet(i)}
oAMZ.sURL="http://rcm"+(oAMZ.sLocale=="CA"?"-ca.amazon.ca/e/cm?t=immeleblogdes-20&o=15":".amazon.com/e/cm?t=stephahamelim-20&amp;amp;amp;o=1")+(oAMZ.bPrice=="New"?"&nou=1":(oAMZ.bPrice=="None"?"&npa=1":""))+(oAMZ.bImage=="Large"?"&IS2=1&p=8":(oAMZ.bImage=="Small"?"&IS1=1&amp;amp;amp;p=8":"&noImg=1&p=6"))+"&fc1="+oAMZ.sTextColor+"&lc1="+oAMZ.sLinkColor+"&bc1="+oAMZ.sBorderColor+"&bg1="+oAMZ.sBackgroundColor+"&f=ifr&l=as1<1="+oAMZ.sWindow;
oAMZ.iPos = Math.round(Math.random()*(oAMZ.asASIN.length-1));
arzSet(oAMZ.iPos);
// End Amazon Recommended Readings -->
</script>

Classic Blogger

This hack shows a side-box with a random list of recommended readings from Amazon.
It uses your Amazon Associate ID and a list of ASIN/ISBN. The user can go back and forth through the list. You can see it working on the bottom-right of this page.

  1. Change the sAmazonAssociateID to your own account
  2. Change the list of ASIN/ISBN in asAmazon.
  3. You might want to tweak the colors to your own side design where it says
    "fAmazon.location.href=..."
    • fc1=99ddbb // text color
    • lc1=99ddbb // link color
    • bc1=223344 // border color
    • bg1=223344 // background color
    You might want to build a sample Product Link at Amazon Associate Central for easier preview and tweaking of the colors.
<!-- Begin .box #2 -->
<div class="box"><div class="box2"><div class="box3">
<h2 class="sidebar-title">Recommended Readings</h2>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td colspan="2" align="center">
<iframe name=fAmazon width="120" height="240" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><br/>
</td></tr>
<tr><td> <input type="button" value="<<" onclick="azPrevious()"></td>
<td align="right"><input type="button" value=">>" onclick="azNext()"> </td>
</tr>
</table>
<script language="javascript">
var sAmazonAssociatesID = "immeleblogdes-20"; // Change this to your own Amazon Associate ID
var asAmazon = new Array(
"0735710627", // Change the list below to your own list of ASIN/ISBN
"1568303823",
"0131854615" // Make sure last entry doesn't end with a comma
);
var azPos = Math.round(Math.random()*(asAmazon.length-1));azSet();
function azSet(){fAmazon.location.href="http://rcm-ca.amazon.ca/e/cm"+"?t="+sAmazonAssociatesID+"&o=15&p=8&l=as1&asins="+asAmazon[azPos]+"&fc1=99ddbb&amp;amp;amp;=1&lc1=99ddbb&bc1=223344<1=_blank&IS2=1&f=ifr&amp;amp;amp;bg1=223344";}
function azNext(){azPos = azPos == asAmazon.length-1?0:azPos+1;azSet();}
function azPrevious(){azPos = !azPos?asAmazon.length-1:azPos-1;azSet();}
</script>
</div></div></div>
<!-- End .box #2 -->

Wednesday, November 9, 2005

Googlezon

Googlezon est un chef d’oeuvre de communication qui a fait le tour du monde virtuel très rapidement en 2004. Googlezon est un film fait à l’aide de Flash qui donne un aperçu de ce que pourrait avoir l’air notre monde en 2014 si Google et Amazon joignaient leurs forces. En 2005, Googlezon a été mis à jour pour offrir une projection jusqu’en 2015. L’innovation de Googlezon se trouve à deux niveaux.

D’abord dans la forme média employé pour diffuser une opinion : on parle ici de viral-marketing, d’une couverture dans les blogs absolument incroyables, et surtout, d’un degré d’attention très élevée causé tant par la qualité de la présentation que par le sujet lui-même.

L’innovation se trouve également dans le message lui-même. Les auteurs décrivent très bien une utilisation de technologies et de concepts actuellement disponibles d’une façon différente et innovatrice. Mais cette vision peut également devenir apocalyptique selon l’angle sous lequel on l’observe.

Le vidéo relate de façon remarquable l’évolution Internet à partir de plusieurs points : Amazon, Google, blogspot, friendster, Picasa, A9, Keyhole (Google Earth), iPod, puis bascule à partir de 2005 vers la projection d’un futur fascinant… et épeurant. À vous d’en juger!

http://albinoblacksheep.com/flash/epic

http://www.google.com/search?hl=en&q=Googlezon+2015

Wednesday, October 5, 2005

changethis.com

"ChangeThis is creating a new kind of media that uses existing tools to challenge the way ideas are created and spread."

J'y ai trouvé des documents tout à fait fascinants! Entre autre, "The art of the start" parle de la conception de nouvelles entreprises. Le gars sait de quoi il parle: ancien d'Apple, CEO d'une entreprise qui trouve du financement pour les startups, auteur de 7 livres et columnist de Forbes...

Si vous fouillez un peu, vous y trouverez une belle collection de lecture de chevet aux titres des plus inspirants (bon, j’avoue… c’est peut-être un peu fort…): "The Customer Evangelist Manifesto", "How to be Creative", "The Word on Word of Mouth", "Kill your children"... le tout provenant d’auteurs généralement reconnus dans leurs domaines respectifs et présentés sous une forme très attrayante. Je vous laisse le soin d'y trouver vos sujets favoris!

Thursday, June 23, 2005

Blogspot hack: publish to MSN Spaces

My main blog is located at Blogspot (which I like more than MSN Spaces). However, MSN Messenger will let my contacts know whenever I publish something to MSN Spaces, which is very useful.

So! I said. Why not find a way to continue using Blogspot and use the MSN Spaces feature! I turned out to be easy. Here's a summary:
  • In MSN Spaces settings, under the E-Mail Publishing tab, turn on e-mail publishing using the address you specified in your Blogspot profile. Selet "Publish entries immediately". You might want to disable comments and trackback under the MSN Spaces Blog Settings tab to avoid having people link or comment on MSN Spaces instead of Blogspot.
  • In Blogspot settings, under the Email tab, set the BlogSend Address to the address specified by MSN Spaces 5th step (Update your address book).

Anytime you publish something on Blogspot, it will automatically show on MSN Spaces, and let your MSN Messenger contacts know about it!

P.S. I will look for a way to simply tell MSN Spaces about the update (without posting the whole message) in order to bring people directly to Blogspot.

Monday, June 20, 2005

Google gulp!

Google dévoilait en mai dernier une approche de personnalisation (Google Personalized) qui place celle-ci en compétition directe avec les plus grands portails actuels tels Yahoo!, MSN, et au Canada, Sympatico et Canoë . La suprématie de Google au niveau de la gestion des informations est indéniable : recherche, nouvelles, commerce électronique, courriels, cartes et itinéraires, forums de discussions, blogues, et en version beta, Google Print, qui permet de faire des recherches à l’intérieur des versions digitalisées de livres et librairies universitaires. On apprend aujourd'hui que Google songe à développer sa propre solution de paiement en ligne, un affront à Paypal.

Si vous n'avez pas encore vu le vidéo EPIC, qui dresse un portrait d'un futur peut-être pas si irréaliste que cela, de ce que sera Google en 2014, vous devez absolument prendre quelques minutes pour voir ce chef d'oeuvre: http://www.robinsloan.com/epic/

Dans une analyse effectuée pour Quebecor Media Inc. (QMI), j'argumente que le modèle économique de cette entreprise est à risque. En effet, de façon générale, QMI produit énormément d'information, mais ne fait pas d'argent avec celle-ci. QMI repose sur les bénéfices résultants de la diffusion de l'information (commerciaux à la télé, support papier pour le Journal de Montréal, publicités, bandières sur Canoë, etc.)...

Dans un message précédent, je soulignais la transition de Ford (industrialisation), IBM (technologies informatiques), Microsoft (logiciels)... et éventuellement Google (information). Cette image se concrétise de plus en plus!

Sunday, April 24, 2005

Blogspot hack: random quotes in sub-header

I wanted to put random quotes instead of the same old blog description. Here's how I did it.

Classic Blogger

Find the $BlogDescription$ tag in your template and replace with the sample code below.

Blogger Beta

While in Edit HTML, click on the Expand Widget Templates checkbox, then look for <data:description/> where you will replace this tag by the sample code below. Don't forget to replace $BlogDescription$ by <data:description/>.

Sample code


<p id="description">
<script language="javascript">
var asText=new Array(
'quote1:simple text',
'quote2:<i>embeded HTML</i>',
'quote3:<A href="http://somelink.com/"
target="_new">with hyperlink</A>'
);
document.write(
asText[
Math.round(Math.random()*(asText.length-1))
]
);
</script>
<noscript><$BlogDescription$></noscript></p>

How does it work?

  • We want to keep the same formating for the sub-header (the blog description), so we keep the <p id="description"> tag.
  • the JavaScript asText array can be as short or contain as many entries as you want, as long as you take care of enclosing each one in single quotes, and separate them with commas (excet the last one). You can embed HTML syntax within the text to alter its display (quote2), and even links (quote3).
  • Once the array is defined, the last thing to do is simply to write one of the quotes randomly. Lets look at this closer:
    1. Math.random() generates a random number between 0 and 1.
    2. When multipled by the number of entries in our array (asText.length-1), we get a random number between 0 and the number of entries in the array (we substract 1 because the first position of an array, in JavaScript, is 0, not 1).
    3. asText[n] provides the text of the element n of the array
    4. Finally, document.write is the JavaScript function used to output the text.
  • We keep the original $BlogDescription$ within <noscript> so crawlers (like Google), will see your original text and take it into account in search results (you could also remove the <noscript> tags if you still want to show your original Blogger description).
See my other Blogger hacks:

Tuesday, February 15, 2005

Ford, IBM, Microsoft... Google?

Un article fort intéressant de Thomas Malone au sujet de la chute éventuelle de Microsoft.

Quand on y regarde de plus près, on constate que Ford a été le fleuron de l'ère industrielle, IBM celui de la révolution informatique au niveau des technologies, Microsoft a été (et est toujours... pour le moment), l'emblème de l'ère du logiciel.

Nous sommes supposément passés à l'ère de l'information depuis un certain temps et aucune entreprise ne peut représenter ce fait mieux que Google. Le début de la fin pour Microsoft est amorcé... Les indices sont de plus en plus nombeux!