Réseaux sociaux

Over-Blog favorise l'apparition des réseaux sociaux sur vos blogs et le partage. 

Vous trouverez tous les réseaux sociaux dans un nouvel espace dédié de votre administration : 
partage01
Il vous suffit de cocher les services dont vous voulez disposer.  

En bas de page, vous aurez deux autres nouvelles options : 
partage01b
La première permet d'ajouter un peit pavé gris qui se développe au passage de la souris et qui peut contenir la possibilité de partager par mél, par lien court ou par impression de la page. 
Le second permet de déposer dans le coin inférieur droit du blog un pop-up comprenant un résumé de tous les boutons cochés.

Cela donne ça :
partage02
Entourré en rouge il y a les boutons choisis et pointé par la fèche il y a le pop-up.  
Je n'ai donc chois que le partage par FaceBook et par Google plus.  

Il est possible de jouer avec le css : 
.facebookBlock  {border:none} permet de retirer le cadre autour des boutons.  
.extraitArticle .socialShare {display:none} permet de retirer les boutons dans les résumés d'articles.  
.pageContent .socialShare {display:none} pour retirer les boutons dans les Pages.  
.socialPopup {position: absolute;left:0px;} permet de mettre le popup à gauche.  

 

D'un autre côté, vous trouverez de nouveaux modules FaceBook et Tweeter dans >Configurer >Mise en page : 
partage03

Le module FaceBook est multiple (comme Page et Textes-Libres) et un menu déroulant vous permet de choisir le contenu :
partage04
C'est FaceBook qui gère le contenu. Je dois avouer qu'au 4 septembre 2011 certains contenus n'étaient pas disponibles.
En voici deux exemples :
partage07     partage08

Il existe également un module Tweeter dont voici le contenu dans l'administration : 
partage06
Par contre, je ne peux pas vous montrer le résultat car je n'ai pas de compte Tweeter. 
(si quelqu'un peut me faire parvenir une image ou me permettre d'en prendre une sur son blog ce sera bienvenu) 

Publié dans : Inserts gadgets et autres - Demander une aide - Voir les 11 commentaires
Retour à l'accueil

Commentaires

Bonjour

Je suppose qu'il faut être en premium ou privilège

Nadine
Commentaire n°1 posté par Nadine Quinn le 04/09/2011 à 22h52

Bonjour,
Non, regarde ton blog : c'est ouvert à tout Over-Blog. 

Réponse de les Brigades le 04/09/2011 à 22h59
Tu as raison je n'avais pas regardé dans partage

Je ne connais pas Twitter, ni Google + qu'est ce c'est ?

Est aussi dérangeant que Facebook avec qui ont se retrouve avec 1000000+ d'amis
Commentaire n°2 posté par Nadine Quinn le 05/09/2011 à 09h00

Google + c'est un peu comme Facebook : https://plus.google.com/
Tweeter, c'est un Facebook dédié aux écrits très courts.  
Ils ne sont pas dangereux si on sait les apprivoiser.  

Réponse de les Brigades le 05/09/2011 à 17h57
Comment les apprivoiser ?
Commentaire n°3 posté par Nadine Quinn le 05/09/2011 à 21h02

Bonjour, 
Il y a les  parametres de confidentialité à géré, il y a les informations et photos à ne pas poster...

Réponse de les Brigades le 07/09/2011 à 12h42
Bonsoir,
J'aimerais mettre les boutons sous les articles, dans la barre de commentaires, mais je n'y arrive pô ! :(
Pour qu'ils disparaissent de sous l'article, j'ai ajouté dans mon css : .socialShare {display:none;}
Mais je ne sais pas quoi taper pour les faire apparaitre en dessous ???
Merci ! :)
Commentaire n°4 posté par Mamanlullaby le 07/09/2011 à 22h02

Bonjour, 
C'est possible de les mettre sur la même ligne mais je le déconseille fortement : il ne serait alors plus possible de laisser un commentaire sur ton blog.
Pourquoi ? Parce que la case des boutons de partages sociaux fait toute la largeur et est par dessus.  

Réponse de les Brigades le 08/09/2011 à 20h01
Bonsoir,
Certains blogueurs l'ont pourtant fait ;)
http://police.etc.over-blog.net/
Je ne souhaiterais mettre que "twitter" "facebook", et si j'ai la place "plus".
Commentaire n°5 posté par Mamanlullaby le 08/09/2011 à 20h44

OK, mais pour cela merci de le mettre sur ton blog.
Je ne fais rien sans tester avant. 

Réponse de les Brigades le 08/09/2011 à 21h13
ok, les 3 boutons sont visibles.

Euh, sinon, je ne veux pas forcément les mettre sur la même ligne, ça pourrait être en-dessous de "lire les commentaires" du moment que c'est dans cette partie-là et pas dans le corps de l'article...
Merci ! :)
Commentaire n°6 posté par Mamanlullaby le 08/09/2011 à 21h28

Alors explications : j'ai réduit la largeur des deux esaces, je leur ai donné des indications de positionnement à gauche et à droite et une marge supérieur (négative pour les commentaires puisqu'ils sont en dessous normalement) et hop ! 

.socialShare {width:300px; margin-top:10px; float:left}
.afterArticle {width:250px; margin-top:-40px; float:right}

Réponse de les Brigades le 08/09/2011 à 22h28
Wah, merci beaucoup c'est déjà mieux ! :)
Mais du coup la moitié de la ligne (qui sépare l'article des commentaires) a disparu ??? :/
(J'ai copié les deux lignes dans pagination ?)
Commentaire n°7 posté par Mamanlullaby le 08/09/2011 à 22h46

Oui, c'est normal puisque cette ligne est au dessus des liens de commentaires uniquement et pas au dessus des liens sociaux. 
Tu veux vraiment qu'elle fasse toute la longueur ?  

Réponse de les Brigades le 12/09/2011 à 10h59
[mode tatillon on]Ben disons que si c'était possible j'aimerais bien, oui, parce que je trouve ça plus esthétique. :) [mode tatillon off]
C'est compliqué à faire ?
Commentaire n°8 posté par Mamanlullaby le 15/09/2011 à 22h06

Alors il suffit de retirer la ligne de là où elle est puis de la mettre à un endroit où elle peux faire toute la largeur. 

Voici ce qu'il faut ajouter ou changer dans le css : 

.contenuArticle {font-family: "Comic sans MS",arial,Verdana; text-align:justify; color:#444; margin:1px; padding:30px 10px 0px; border-bottom:1px solid #808080;}

.date {margin-right:1px;}

.afterArticle {padding:3px 0px; border-top:none; width:100%; text-align:right; font-size:90%; color:#808080;}

Réponse de les Brigades le 22/09/2011 à 23h21
Ah mais oui fantastique, comme c'est judicieux ! pourquoi n'y ais-je pas pensé ??!?!! (et pourtant j'ai cherché où il était le code de cette fameuse ligne grrr !)

Merci, merci, merci, et bravo, c'est nickel, c'est exactement ce que je voulais ! :)
Commentaire n°9 posté par Mamanlullaby le 23/09/2011 à 15h07
bonjours,
moi je voudrais centré la ligne de reseaux sociaux mais je sais pas quel ligne je dois modifié
Commentaire n°10 posté par ishaka le 19/02/2012 à 14h57

Bonjour,
La ligne des réseaux sociaux prends la totalité de la largeur des articles. 
Sauf que les éléments réservés ne prennent pas toute la largeur de la ligne.
On ne peux pas y toucher.

Une seule solution : mettre une marge à gauche et trouver la bonne grandeur de cette marge.
Par contre si tu ajoutes ou retire un réseau social, il faut tout refaire.  

Réponse de les Brigades le 19/02/2012 à 15h06
ok je laisse tombé alors cette idée par contre j ai une question mais je ne voix pas de sujet similaire.
sa serai de savoir comment crée une page indexé
exemple sur une page.
je classe plusieurs liens dans l ordre alphabetique
et je voudrais qu en cliquant sur "C" sa me deçent automatique au debut des liens classé "c"
Commentaire n°11 posté par ishaka le 19/02/2012 à 17h12

Je te conseille de faire une recherches Google sur le mot ancre : une ancre est un lien à l'intérieur de la page. Donc en cliquant sur le C de l'alphabet en haut de page, le visiteur sera dirtigé vers la liste des C plus bas dans la page. 

Réponse de les Brigades le 25/02/2012 à 17h26
Demander une aide

Communication

Plusieurs moyens pour obtenir un coup de main de ma part :
Ajoutez un commentaire dans l'article qui vous intéresse.

Powered By Hab.la
 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés