Plus des widgets Google friend connect sur votre blog

Il y a trois jours, en passant jeter un coup d’œil sur mon compte Google Friend Connect, j’ai remarqué plusieurs améliorations. Cela est du à la fusion de ce service avec Blogger.

Il y a d’abord le fait que tous mes blogs étaient répertoriés sur Google Friend Connect. Secundo, je peux maintenant connaitre le nombre exact d’abonnés fidèles à l’un de mes blogs, un chiffre qui est différend de celui affiché sur le blog (308 pour Blogger au bout du doigt au lieu de 244 affichés sur les blogs).

Il a aussi été ajouté plusieurs widgets que l’on peut mettre sur son blog outre les deux premiers que nous connaissons. Il suffit de sélectionner le widget que vous désirez et de prendre le code nécessaire à ajouter sur le blog pour lequel vous avez pris le widget.

J’invite donc tous ceux qui n’ont pas encore examiné de plus près les nouvelles offres de Google Friend Connect de s’y rendre illico presto (bon, c’est vrai, rien ne presse. Finissez quand même votre repas).

@+

Lire la suite

Comprendre Google Friend Connect

Avant qu’il ne débarque sur nos blogs via le widget Abonnés fidèles, je puis vous assurer que je ne connaissais pas grand-chose de Google friend connect. J’avais peut-être lu un article sur la façon d’insérer un de ses widgets dans un blog blogger chez Antonio Lupetti, mais je ne m’étais pas trop intéresser à la chose vu que je n’avais pas réussi à réaliser la prouesse qu’il avait enseignée.

Dernièrement, je suis tombé sur un article qui fait une présentation assez claire de l’idée qui a motivé le lancement de Google Friend connect et l’utilité pour laquelle il a été mis en ligne.
J’invite tous ceux qui veulent être moins analphabètes en ce qui concerne ce réseau social en dehors des réseaux sociaux de jeter un coup sur l’article suivant, ça vaut le détour :

Google Friend Connect, Présentation complète.

Lire la suite

Afficher tous ses abonnés fidèles

Nous savons que depuis quelques temps, Blogger propose le widget «Abonnés fidèles », qui affiche les avatars des abonnés au blog via les services de Blogger (qui est maintenant couplé avec Google Friend connect).

Seulement, vous devez avoir remarqué que quand on a dépassé un certain nombre d’abonnés, seul une partie de ceux-ci est affiché sur le widget inséré sur le blog. Il existe heureusement, un moyen pour afficher tous les abonnés.  Le code que nous allons proposer, peut être mis dans un article spécial, que vous pourrez intituler « Les abonnés du Blog », article dont vous pourrez afficher le lien sur toutes les pages du blog ou sur le menu principal. Cette astuce est à mettre sur le compte de Vin, de Blog Doctor.

Ceux qui veulent afficher tous les abonnés fidèles de leur blog doivent :

1. Afficher le code pour les abonnés fidèles sur le blog (cliquer sur le lien pour lire l’article sur la procédure à suivre) ;

2. Aller sur Modifier le code HTML et cocher sur la case « Développer de modèles de gadget » ;

3.Trouver le code suivant :

<!-- Include the Google Friend Connect javascript library. -->

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>

<!-- Define the div tag where the gadget will be inserted. -->

<div id="div-xxxxxxxxxxxxxxxx" style="width:282px;border:1px solid #cccccc;"></div>

<!-- Render the gadget into a div. -->

<script type="text/javascript">

var skin = {};

skin['HEIGHT'] = '385';

skin['BORDER_COLOR'] = '#cccccc';

skin['ENDCAP_BG_COLOR'] = '#e0ecff';

skin['ENDCAP_TEXT_COLOR'] = '#333333';

skin['ENDCAP_LINK_COLOR'] = '#0000cc';

skin['ALTERNATE_BG_COLOR'] = '#ffffff';

skin['CONTENT_BG_COLOR'] = '#ffffff';

skin['CONTENT_LINK_COLOR'] = '#0000cc';

skin['CONTENT_TEXT_COLOR'] = '#333333';

skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';

skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';

skin['CONTENT_HEADLINE_COLOR'] = '#333333';

google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);

google.friendconnect.container.renderMembersGadget(

 { id: 'div-XXXXXXXXXXXXX',

   site: 'XXXXXXXXXXXXXXXXXXXXXXXX' },

  skin);

</script>

4. Si vous allez le mettre dans un article, copier le code trouvé dans votre modèle.

Quelque soit l’utilisation à la laquelle vous allez destiner le widget transformé, voir le style="width:282px; à la quatrième ligne du code et remplace 282px par 100%.

5. Vous pouvez aussi changer les couleurs du widget pour qu’il s’harmonise avec le blog en changeant les valeurs hexadécimales de couleurs sur la partie suivante du code :

skin['BORDER_COLOR'] = '#cccccc'; (couleur de la bordure)

skin['ENDCAP_BG_COLOR'] = '#e0ecff'; (couleur de fond du bandeau)

skin['ENDCAP_TEXT_COLOR'] = '#333333'; (couleur du texte dans le bandeau : Abonnés fidels)

skin['ENDCAP_LINK_COLOR'] = '#0000cc';  (couleur du lien)

skin['ALTERNATE_BG_COLOR'] = '#ffffff'; (autre couleur de fond)

6. Quand vous avez fini, enregistrez votre modèle (ou publiez l’article dans lequel vous avez inséré le code) et allez voir les résultats.

@+

Lire la suite