11 octobre 2011

Google friends over blog solution

 

Une petite coupure au récit de notre voyage pour donner une solution à tout ceux qui se sont pris la tête avec le module google friends et over blog ....

 

Depuis plusieurs mois de recherche de demandes sur le forum d'aide , personne n'a pu me donner de solutions pour installer ce widget ...

 

D'ailleurs pour dernier message d'un modo d'over blog , tu ne peux pas l'installer point!!!!  

 

J'ai continué mes recherches , mes tests ...

Je me suis inscrite afin de bien vérifier si tout fonctionne et bien ouiiiii!!!!!!

 

Le code html donné par google friends, il faut rajouter ce qui se trouve en rouge!!

 

<!-- 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-xxxxxxxxxxxxxxxxxxxxx" style="width:150px;border:1px solid #996633;"> &nbsp;</div>

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

<script type="text/javascript">

var skin = {};

skin['FONT_FAMILY'] = 'georgia,serif';

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

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

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

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

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

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

skin['CONTENT_LINK_COLOR'] = '#cc9933';

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

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

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

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

skin['NUMBER_ROWS'] = '4';

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

google.friendconnect.container.renderMembersGadget(

 { id: 'div-xxxxxxxxxxxxxxxxxxxxxxx',

   site: 'xxxxxxxxxxxxxxxxxxxxxxx' },

  skin);

</script>

10 commentaires:



  1. rappelons que c'est le meme modo qui à parlé d'espace insecable dans une div...On peut voir fonctionner ce widget sur OB? car sur mon blog test ton astuce (qu'il me semblait avoir deja testé ne
    semble pas fonctioner(cf mes modules)



    RépondreSupprimer


  2. Non, je ne suis pas d'accord tu m'as dit que ceci pouvait fonctionner dans un autre widget autre que google friends, allez je joue avec les mots en tout les cas, le problème semble résolu..


    Pour le moment le widget s'affiche correctement , je me suis inscrite et l'inscription est bien prise en compte...J'attends d'autres inscriptions afin de vérifier....


    As tu bien postionner le code au bon endroit car je viens de tester dans un autre module et celui ci s'affiche sans aucun probleme.


    Dans mon module j'ai le meme rectangle que toi mais lors de la publication le widget s'affiche correctement.



    RépondreSupprimer


  3. groupf vla que l'editeur me bouffe du code, je veux bien le voir en fonction ceci dit, parce que chez moi rien de rien meme en tentant de conserver l'appel de js au dessus du reste du code en
    l'embalant dans une div, en supprimant les commentaires du code etc etc ..., a moins que ce soit mon pc qui bloque un truc ;)



    RépondreSupprimer


  4. Tente de nouveau lorsque tu es sur google friends et que tu generes ton code , tu as cette ligne


       


    Rajoute ce que j'ai mis en rouge au meme endroit 


     



    RépondreSupprimer


  5. nan j'ai pigé,  j'&ai jamais créé de widget gg friend "a moi" moi je faisais mes tests avec les codes déja générés par d'autres blogeurs (exemple aujourd'hui avec le code que tu donnes,
    et qui donc je suppose est le tien), grossiere erreur de ma part, je pense que chaque widget est affilié a "son" blog et que si on tente de l'afficher ailleur ca ne fonctionne pas, voila pourquoi
    -je pense- tous mes essais (dont le meme que le tiens a savoir rajouter un espace insecable dans la div) se sont avérés infructueux ;)


    félicitations en tout cas :0051:



    RépondreSupprimer


  6. Ha oui il faut impérativement que ton site soit inscrit auprès de google friends car sinon cela ne fonctionnera pas.


    Merciiii



    RépondreSupprimer

  7. pour ma part, j'ai tout essayé, je suis bien inscrire mais c'est la panne sè-che

    RépondreSupprimer


  8. Coucou , 


     


    As tu suivi la procédure que je donne!!


     



    RépondreSupprimer

  9. Bonjour :)


    Dans "mise en page", quel module (texte libre, etc.) faut-il choisir pour coller le code du Google Friends Connect ?


    J'ai essayé dans Texte Libre et ça m'affiche un rectangle vide


    Merci :)


     

    RépondreSupprimer


  10. Coucou, 


    Oui il faut mettre le code html dans un module texte libre , si tu as un rectangle, tu es proche du résultat enfin obtenir google friends, il faut que tu mettes bien ce que j'indique en rouge
    sinon tu auras juste le rectangle, je reste à ta disposition


    Trouve dans ton code cette partie , ce qui est mis en rouge tu le rajoutes à l'identique


      


    Courage 



    RépondreSupprimer

(Petite info pour ceux qui n'ont pas de compte internet, si si vous pouvez laisser un commentaire , il vous suffit de choisir dans le menu déroulant Nom/Url , vous remplissez uniquement prénom ou pseudo, laissez vide url et voilà!!!!!)

Thank you for the comments , it's very nice for me !!!
Merci à vous pour vos commentaires !!!
Best regards

Me