25/12/2009

Ajouter un bloc "Identité numérique" sur ce blog !

Comme c'est la première manipulation que j'ai faite sur ce blog, je la partage avec vous !

Pourquoi ?

Plus de visibilité, rediriger vos amis vers une plateforme plus personnelle (facebook) ou moins personnelle (Twitter/frienfeed)  voire professionelle (Viadéo,LinkedIn,Xing)

Comment ?

On se connecte comme admin, puis on va à "Présentation" -> Contenu des colonnes

On ajoute une colonnes  "Identité numérique" , le reste des réglages étant simple , je ne détaillerai que la partie " contenu de l'élément "

Contenu de l'élément:

Il s'agit d'un code Xhtml/Css !

dans la suite, le code que j'ai ajouté sera en rouge :

 

LinkedIn

La seule partie à changer pour vous est le : "http://fr.linkedin.com/pub/ismaeil-abouljamal/15/124/318", vous mettez à la place l'url de votre profil public !

<p style="text-align: center;">
<a target="_blank" href="http://fr.linkedin.com/pub/ismaeil-abouljamal/15/124/318">
<img src="http://static03.linkedin.com/img/pic/pic_logo_119x32.png" alt="pic_logo_119x32.png" style="border-width: 0pt; margin: 0.2em 1.4em 0.7em 0pt;" />
</a>
</p>



Viadeo

Idem vous changez le "http://wwww.viadeo.com/fr/profile/ismaeil.abouljamal" seulement !

<p style="text-align: center;">
<a target="_blank" href="http://wwww.viadeo.com/fr/profile/ismaeil.abouljamal">
<img src="http://www.viadeo.com/v_img/menu2/logo/FR/logoviaducblanc.gif" alt="logoviaducblanc.gif" style="border-width: 0pt; margin: 0.2em 1.4em 0.7em 0pt;" />
</a>
</p>



Xing

même remarque : changez uniquement "http://www.xing.com/profile/Ismaeil_Abouljamal"

<p style="text-align: center;">
<a target="_blank" href="http://www.xing.com/profile/Ismaeil_Abouljamal">
<img src="http://partnerprogramm.xing.com/img/logo-xing.gif" alt="logoviaducblanc.gif" style="border-width: 0pt; margin: 0.2em 1.4em 0.7em 0pt;" />
</a>
</p>


Facebook

cette fois , vaux mieux apsser par un "bagde de profil" :

connectez vous sur Facebook et allez à http://www.facebook.com/facebook-widgets/profilebadges.php

Créez la forme que vous voulez de votre badge, copier le code qui vous que facebook vous propose et collez le à la place de mon code !

L'avantage avec le badge, c'est que si vous souhaitez fair apparaitre votre statut ou des informations de profil facebook , vous pourrez le faire, et les informations sont mises à jour à chaque connexion d'un utilisatuer sur votre blog !

<p style="text-align: center;">
<a href="http://fr-fr.facebook.com/people/Ismaeil-Abouljamal/1404533092" title="Ismaeil Abouljamal" target="_TOP"><img src="http://badge.facebook.com/badge/1404533092.1573.1273802516.png" width="120" height="60" style="border: 0px;" /></a>
</p>



Twitter

il suffit de changer le "http://twitter.com/ismaeil_" !

<p style="text-align: center;">
<a target="_blank" href="http://twitter.com/ismaeil_">
<img src="https://s3.amazonaws.com/twitter_production/a/1294279085/images/logos/full_logo_bw.png" alt="twitter_logo" style="border-width: 0pt; margin: 0.2em 1.4em 0.7em 0pt;" width="112" height="26" />
</a>
</p>


Friendfeed

<a href="http://friendfeed.com/[votre_nom_utilisateur]"><img src="http://friendfeed.com/static/images/chiclet.png" alt="S'abonner à mon FriendFeed" title="S'abonner à mon FriendFeed"/></a>

Et de manière générale , vous pouvez ajouter 'importe quel code Xhtml/Css pour mettre en valeur votre site personnel, un autre blog...