Un widget Google + Friends ou Followers sur Overblog ça marche!

Hello!

Cette rubrique n'interessera que les blogeurs d'Overblog quoique...

Certains certaines découvriront peut-être l'utile futilité d'une présence sur le réseau social GOOGLE +.

Vous n'êtes pas sans savoir /connaître google comme grand chef du référencement d'un article ou de mots clefs.

Utile de partager ses articles sur ses réseaux sociaux hellocoton, facebook, twitter, pinterest, linkedin...

Mais ne pas oublier le maître du SEO ^^ G+

Après s'être crée un profil Google + on peut choisir de mettre 2 types de widgets Google + dans sa colonne (ou ailleurs) 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Première façon qu'a choisi Bernie

Le widget est sympa ^^ mais les followers ne sont pas affichés.

Pour créer ce badge c'est ici

https://developers.google.com/+/web/badge/?hl=fr

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Deuxième possibilité: le widget qui affiche les followers

Comme ci-dessous (imprime écran), bon je commence tout juste sur ce réseau donc peu de vignettes comparé à Bernie, n'hésitez pas à me suivre ^^

(Mon widget G+ est en bas de ma colonne de droite)

Pas mal de temps que je cherche le script de ce widget!

Un blogueur a réussi à dégoter un script qui a l'air de fonctionner sur toutes les plateformes overblog inclu!

(pas mal de modos du forum ob se sont casser les dents à ce sujet en reprenant leurs termes)

C'est ici

http://www.earn2dollar.com/2013/09/google-plus-followers-widget-for-blogger.html

C'est en anglais, mais tout ce qu'il faut savoir c'est que ça marche!

Il faut juste copier coller le script ci dessous ou sur le site ci-dessus et remplacer le code rouge par l'url de votre profil G+ pour moi ce sera

https://plus.google.com/u/0/114649888894647606425/posts

Script à copier coller en html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> (function() { window.___gcfg = {'lang': 'fr'}; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <style> .wc-gplusmod, .wc-gplusmod:before, .wc-gplusmod:after { background: #ffffff; border-radius: 5px 5px 0 0; border: 1px solid #ccc; box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2); } .wc-gplusmod { position: relative; width:250px; padding: 1em; margin: 50px auto; } .wc-gplusmod:before, .wc-gplusmod:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: rotateZ(2.5deg); -o-transform: rotate(2.5deg); transform: rotateZ(2.5deg); z-index: -1; } .wc-gplusmod:after { -webkit-transform: rotateZ(-2.5deg); -o-transform: rotate(-2.5deg); transform: rotateZ(-2.5deg); } </style> <div class="wc-gplusmod"><div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/112126372822486069948?prsrc=2" data-source="blogger:blog:followers" data-width="290"> </div> </div>

(ne pas oublier de retirer le "Lire la suite sur greenmaman..." qui se rajoute automatiquement lorsque quelqu'un fait un copié collé sur mon blog )

Réédit : merci Medhi j'ai changé le script pour la langue française (voir commentaires)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

J'ai trouvé un autre site pour customiser son widget mais pas encore eu le temps de tester

C'est ici http://widgetsplus.com/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Je vous quitte sur une petite image trouvée sur un skyblog (donc auteur source inconnu).

Comprenne qui voudra hihi.

Je vous souhaite un bon week-end :)