La colonne de blog pour les nuls

Cette semaine j'ai fait un peu de ménage dans la présentation de mon blog.

J'ai pas mal travaillé les colonnes de mon blog pour me rappocher de  mon identité. J'ai donc décider de publier mon code et de vous expliquer ces quelques très petites astuces (j'ai bien dit très alors les geeks on s'énerve pas ! Si vous voulez d'autres tutoriaux (très petits aussi, on est jamais assez prudent, les geeks en colère c'est pas sympa) vous pouvez aller sur www.u-lik.us.

On commence donc : j'ai choisit de gérer mes colonnes de manière très simple. Je suis sous Typepad (mais c'est transposable). J'ai donc une TypeList qui contient un seul élément .... de code .... que je travaille sous word (histoire de rester simple mais dreamweaver ou un outils libre is much better).

Et oui c'est à la roots mais je pense que du coup c'est au plus près de la réalité.

Voici donc le code .... avec [les explications en bleu]

<!-- Start of U.[lik] API People --> [Je nomme chaque API ou insertion d'image et colore en rouge pour naviguer rapidement]

<script src="http://api.u-lik.com/ulist.js" type="text/javascript"></script>

<script type="text/javascript">ulist('22025','11');</script> [On balaie devant chez soi // Pour spécifier une catégorie à l'API U.[lik], il suffit de changer le 11 avec la liste suivante, là j'ai choisit API People ;-)] 

<p></p>

<!-- Start of MyBlogLog-->[J'adore.... quelle infiltration française...une percée]

<script type='text/javascript' src='http://track.mybloglog.com/js/jsserv.php?mblID=2006033008022170' defer='defer'></script>

<script type="text/javascript" src="http://pub.mybloglog.com/com[Une url aussi longue c'est une faute de goût] lor_bottom_bg=CC0000"></script>

<p></p> 

<!-- Start of U.[lik] API Artwork -->[let's rock again]

<script src="http://api.u-lik.com/ulist.js" type="text/javascript"></script>

<script type="text/javascript">ulist('22025','16');</script> [Happy Artwork = 16]

<p></p> [Souvent les sauts de ligne ne sont dans les codes fournis par les sites. Je les ajoute pour rendre la colonne plus lisible] 

<!-- U.[lik] Power--> [Insertion d'image, vous pouvez reprendre la syntaxe]

<a title="Merci" href="http://www.u-lik.com"><img src="https://ulik.typepad.com/powered.jpg" style="border:0"></a> [Le petit "title" décrit le pourquoi / le comment / le thks /]

<p></p>

<!-- Start of Flickr Badge -->

<style type="text/css">

.zg_div {margin:0px 5px 5px 0px; width:117px;}

.[Censored // Il est pénible celui là / mais on peut jouer avec  /  pour la couleur j'utilise Pixie]

<script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script>

</div>

</div>

<!-- End of Flickr Badge -->

<p></p>

<!-- Wikipedia-->[Je ne comprends pas pourquoi il n'y a pas des bagdes simple, les gens que je lis, je dois pouvoir co-écrire des articles avec eux ! ]

<a title="et les Lumières furent!"  href="http://fr.wikipedia.org/wiki/Utilisateur:Leafar"><img src="https://ulik.typepad.com/leafar/files/leafar_wikipedia_v3.jpg" style="border:3"></a>  

<p></p>

<!—Envied’Entreprendre-->

<a title="La route n’est pas l’âme" href="http://www.enviedentreprendre.com/2005/05/raphal_labb_ent.html"><img src="https://ulik.typepad.com/leafar/files/envie_leafar_def.jpg" style="border:3"></a>

<p></p>

<!-- Viaduc--> [J'aime pas les boutons, moi je suis graphique, l'ancien logo me manque]

<a href=" http://www.viaduc.com/recherche/profil/?memberId=00225yh9txv1gllm"><img src=" http://ulik.typepad.com/leafar/files/viaduc_leafar_def.jpg" style="border:3"></a>[devrais-je envisager la métaphore visuelle ? ] ... cela me donne une idée

<p></p>

<!--Creative Commons License-->

<a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/fr/"><img alt="Creative Commons License" style="border-width: 0" src="https://ulik.typepad.com/leafar/files/ulik_cc.jpg"/></a> [L'image a été modifié pour le plaisir ... CC c'est aussi Chief Content .... je l'ai donc enregistrer dans un post pour l'uploader, on peu aussi le faire directement]

.<!--/Creative Commons License--><!-- <rdf:RDF xmlns="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">

[Blablabla licence]

<p></p>

<!-- Site Meter & Mypagerank--> [J'ai fait un pack, il n'y a pas encore d'outils qui m'offre une chouette api synthètique, allez les VCs on s'y colle]

<script type="text/javascript" src="http://s24.sitemeter.com/js/counter.js?site=s24leafar">

</script>

<noscript>

<a href="http://s24.sitemeter.com/stats.asp?site=s24leafar" target="_top">

<img src="http://s24.sitemeter.com/meter.asp?site=s24leafar" alt="Site Meter" border="0"/></a>

</noscript> [Sitemeter est l'image la plus clické ah l'influence .... ]

<A HREF="http://www.mypagerank.net/" target="_blank">

<IMG src="https://www.mypagerank.net/srank.php?site=ulik.typepad.com" BORDER="0" ALT="This is my Google PageRank™ - SmE Rank free service Powered by Scriptme"></A>

<!-- Performancing -->

<script id="stats_script" type="text/javascript" src="http://metrics.performancing.com/tp.js"></script>

<p></p>

<!--SOngbird --> [On diffuse bien firefox !]

<a title="Still nesting more than our identities" href="http://songbirdnest.com"><img src="https://ulik.typepad.com/leafar/files/songbird_egg_leafar_def.jpg" border="30" alt="Get Songbird"/></a>

<p></p>

<!--FON --> [Enfin libre]

<a title="Rejoignez FON, svp." href="http://fr.fon.com" target="_blank"><img src="http://blog.fon.com/fr/archive/PEGATINA2.jpg" alt="Join the FON movement!" name="FON_Movement" height="64" width="64" border="0" /></a>

... il y aura surement une suite car j'ai encore beaucoup de route, c'est quelque chose le web à la roots.

Comments

[Rédigé par : stabu]

perso je comprends rien du tt à ce post! par contre si par hasard il y a une solution pour caller du texte à coté d'une vidéo ou d'un slide, ça m'interesse (sauf si c trop compliqué!)...parce que la mise en page du coup c pas top top qd le slide est trop gros par exemple (bon je suis un peu tatillonne...merci, bye!)

[Rédigé par : stabu]

et aussi comment on fait pour mettre une photo grand format...(c peut-être en rapport avec le format ou on l'enregistre, j'ai pas réussi à capter le truc à vrai dire!)re-merci!

[Rédigé par : Samuel]

Merci pour ton post, ça me sera utile sur mon blog Typepad.

[Rédigé par : stabu]

et aussi comment on fait pour changer la police...Je voudrais la même que flyintiger...et après j'arrête!

[Rédigé par : flyintiger]

Salut Stabu ! en fait j'en avais marre des caractères en police 2, alors quand tu rédiges un billet, tu sélectionnes "grande" au lieu de "normal" dans la barre en dessous de "corps de la note". ça a l'air grand à l'écran mais ça donne ce que tu lis. Yo.

[Rédigé par : stabu]

merci c sympa je vais essayer, bye!