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

Publié le par nessa

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 :)

 

 

 

Rendez-vous sur Hellocoton !

Partager cet article

Commenter cet article

amal 20/09/2014 08:57

bonjour, je suis une blogueuse sur ob merci et pour les restos je suis pour aussi mais ceux du Liban car j'habite là. déjâ sur mon blog je mets le nom des restos que j'aime. merci c'est une trés bonne idée. j'ai vu ton com chez Samar. bonne journée

Sheily 19/09/2014 16:33

Je fonce créer le mien !

Mehdi 19/09/2014 13:40

rebonjour

solution trouvé

il suffit de remplacer "en" par "fr" dans le script

(function() { window.___gcfg = {'lang': 'en'}; var po =

nessa 19/09/2014 14:06

ok super medhi j'ai modifié le script dans l'article

Mehdi 19/09/2014 13:37

Bonjour,

ton script marche nickel en effet. cela faisait longtemps, en effet, que je cherchais une solution.

résultat visible ici:http://www.mariage-franco-marocain.net/

par contre j'ai le widget en anglais alors que chez bernie c'est bien en français..

nessa 19/09/2014 13:45

coucou Medhi bien contente alors :)
par contre chez toi je vois bien ton script tout en français ???

Bernieshoot 19/09/2014 11:19

Voilà ce que j'attendais depuis des semaines !!!!
ton tutot est super, regardes le résultat sur mon blog :)

Bernieshoot 19/09/2014 13:13

oui j'ai gardé les deux, c'est sympath d'avoir pris le premier en exemple ( tu peux même rajouter un lien vers mon compte google+, je sais, j'abuse :))

nessa 19/09/2014 12:38

oui super :) j'ai vu que tu avais gardé les 2 widgets du coup c'ets vrai que le premier badge est sympa, j'ai fait un imprime de ton 2 eme pour le montrer sur cet article @+ bizz