Affichage des articles dont le libellé est blogspot. Afficher tous les articles
Affichage des articles dont le libellé est blogspot. Afficher tous les articles

mardi 24 juillet 2012

Les différents types de pages blog sur Blogger

Combien de types de pages blog dispose-t-on sur Blogger et comment les personnaliser ?
Sur un blog classique, les messages s'affichent les uns après les autres depuis l'accueil. En maitrisant les feuilles de style (css), on peut ajouter un menu de chaque côté des articles et créer ainsi un blog à 3 colonnes. Nous n'allons pas évoquer ici la façon d'ajouter des menus à votre blog, mais celle de créer différents types de pages autre que la page d'accueil, ou simplement d'afficher certains menus uniquement dans certains types de pages.
Il existe 4 types de pages sur un blog Blogger : l'accueil, la page article, les archives et la page affichant les articles d'un libellé. Pour séparer ces différentes pages il faut faire appel à un jeu de conditions qui se décrit comme suit:
<b:if cond='data:blog.pageType == "item"'>
<!-- le contenu de la page article, comme celle sur laquelle vous lisez cet article-ci (si vous la lisez sur notre blog). s'affiche ici. -->
  <b:else/>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- Votre page d'accueil se place donc ici. N'hésitez pas à consulter la nôtre sur ce modèle.-->
    <b:else/>
    <b:if cond='data:blog.pageType == "archive"'>
    <!-- Vos archives blog s'afficheront ici, sur une page qui leur sera entièrement dédiée. La nôtre est toujours en cours d'évolution.-->
    <b:else/>
    <!-- Voici la dernière catégorie de page, elle affiche les articles associés à un libellé (label). Par exemple notre page pour le libellé blogspot. -->
    </b:if>
  </b:if>
</b:if>

APPLICATIONS PRATIQUES DE CES CODES

L'utilisation la plus simple du code ci-dessus consiste à filtrer les éléments en fonction des 4 pages que nous venons de décrire. Si vous placez ce code dans le menu à droite de votre blog par exemple, vous afficherez ainsi dans ce menu, certains éléments comme votre profil, la description du blog... qui apparaitront uniquement à l'accueil, alors que sur le même menu et cette fois dans une page article on aura les récents articles (pour inviter vos lecteurs à naviguer sur votre blog) ...
Un usage avancé de ce code, si vous êtes un professionnel ou habitué de la plateforme Blogger, est de réorganiser dans chaque Widget de type Blog (Blog1, Blog2 ...) l'élément <b:includable id='main' var='top'> qui affiche les articles et menus de la page principale du blog. Vous constaterez d'ailleurs que pour préciser l'affichage des commentaires uniquement sur une page article, on a dans ce <b:includable> le code suivant:
<b:if cond='data:blog.pageType == "item"'>
  <b:include data='post' name='comments'/>
</b:if>
Si vous rencontrez des difficultés à mettre en place ce code, n'hésitez pas à nous contacter, c'est aussi cela l'avantage des blogs.

Astuces Blogger / blogspot

Vouloir personnaliser un blog Blogger c'est vivre au rythme d'astuces les unes aussi complexes que les autres. C'est le principal, sinon l'unique inconvénient de la plate-forme de blog de Google. Car chez son concurrent Wordpress, l'utilisation d'un langage serveur (php) facilite les choses par l'intermédiaire de nombreux plug-ins et thèmes sans cesse mis à jour...
Les astuces Blogger peuvent être regroupées en 3 catégories: le style, les fonctionnalités propres à blogspot et l'intégration de composants additionnels issus de la blogosphère. Sur ce blog nous avons déjà publié beaucoup d'astuces de personnalisation (voir dans les articles relatifs) mais elles ne concernent que les deux dernières catégories citées plus haut.

1 - Le style: astuces pour personnaliser l'apparence du blog

Non spécifique à la plate-forme de blog Blogger, la gestion des feuilles de style et du html constitue la première étape de personnalisation d'un blog. Si vous ne maîtriser pas le css et le html, le plus simple c'est de visiter d'autres blogs (de préférence ceux qui ont le même hébergeur que le vôtre) et surtout de laisser un commentaire à leurs auteurs lorsqu'un élément graphique vous plait et que vous souhaitez le réaliser pour votre blog.

2 - Les fonctionnalités avancées de Blogger: astuces pour exploiter au mieux blogspot

sauvegarde et install modele blogger Le modèle de blog ou template par défaut choisi lors de la création de votre blog ne sera jamais assez développé pour que celui-ci ressemble aux autres blogs que vous admirez. La solution consiste à le remplacer par un modèle plus évolué sorti tout droit de la blogosphère, à défaut d'en créer un vous même.
Comment installer un modèle blogspot ? Le principe est simple: en recherchant sur Google template blogspot, vous tomberez sur des blogs qui proposent des modèles à télécharger (fichiers xml). Une fois le fichier enregistré sur votre disque dur, rendez-vous dans votre Tableau de bord Blogger > Mise en page > Modèle puis cliquez sur Modifier le code html pour voir apparaitre l'image ci-dessus. Il ne vous reste plus qu'à parcourir votre disque pour sélectionner le modèle téléchargé puis de cliquer sur le bouton Transférer. Notez que cette procédure ne fonctionnera pas toujours et vous risquez de perdre vos widgets déjà enregistrés. Pensez donc à cliquer sur Télécharger le modèle dans son intégralité, afin de le sauvegarder.
L'astuce reine: rendre dynamiques les balises meta. Si vous retrouvez cet article en tête des résultats de recherche sur les astuces blogger/blogspot, c'est grace à cette astuce. Bien utilisée, elle permet à un blog Blogger comme celui-ci de concurrencer les grands sites Internet (pagerank supérieur à 6) comme les forums dans leur positionnement sur Google et Yahoo, sur les mêmes sujets traités.
widget flux en action Les astuces pour faire apparaitre les options cachée des widgets Blogger: C'est le cas du widget Flux, qui par défaut ne fait pas apparaitre le résumé des différents articles du flux concerné. L'astuce donnée dans l'article Utilisation avancée du widget flux a permis de réaliser entre autre le menu récente publication de ce blog qui attire fortement l'attention de nos lecteurs augmentant ainsi le nombre d'impressions de pages (très utile pour l'adsense).
Le widget label également modifié permet de faire apparaitre le titre ASTUCES BLOGGER sur notre page spécialement dédiée aux astuces blogspot, en lieu et place de "affichage des messages dont le libellé est astuces blogger"...

3 - Intégration de composants additionnels dans votre blog

Cela va de l'intégration d'un moteur de recherche Google personnalisé à l'ajout d'un bouton agrégateur comme Digg ou Technorati en passant par une gestion des commentaires confiée à un système plus efficace comme Haloscan. Tout cela nécessite, à moins qu'on vous fournisse un widget à installer (et qui aura pour conséquence d'alourdir vos pages: consulter l'article réduire la taille de vos pages web), de comprendre certaines fonctionnalités de Blogger soit d'utiliser des astuces.
Pour ceux qui souhaitent monétiser leur blog, sachez que les clics générés sur vos pages de recherche Google ont un coup nettement plus élevé. Consultez donc l'article Un moteur de recherche Google personnalisé sur votre blog afin d'en installer un et invitez vos lecteurs à la recherche sur votre site...

En conclusion

- Il existe plusieurs astuces Blogger/blogspot sur ce blog comme beaucoup d'autres, à vous de savoir les trouver si elles ne sont pas mises en évidence. Mais n'oubliez pas que les vraies astuces sont celles que vous comprenez ou celles dont on vous donne également la preuve par l'image. Cette preuve veut dire que le fournisseur de l'astuce sait de quoi il parle, l'a expérimenté et peut vous venir en aide en cas de problème.
- N'hésitez pas à laisser un commentaire lorsque vous visitez un blog surtout si vous y appréciez un contenu ou même pour apporter votre contribution. Mieux encore, abonnez-vous aux flux rss pour recevoir les dernières publications de vos blogs favoris. Bienvenu dans le monde des astuces blogspot!

samedi 14 juillet 2012

Comment supprimer la barre de navigation(Navbar) dans votre blog blogger-blogspot 2012


Solution 1:

Pour supprimer la barre de navigation de votre blog blogger-blogspot, procedez comme suit:
1- Connectez vous à blogger, allez à Présentation>>Modifier le code HTML
2- Rechercher le code suivant : ]]></b:skin>
3- Juste avant ce code, ajoutez le code suivant :
.Navbar {display: none !important;}
4- Enregistrer le modèle et afficher votre blog.



Solution 2:

1- Connectez vous à blogger, allez à Présentation>>Modifier le code HTML >> Cochez la case Développer des modèles de gadgets
2- Rechercher le code suivant :  /* Variable definitions
3- Juste avant ce code, ajoutez le code suivant :
#navbar-iframe {
display: none !important;
}
4- Enregistrer le modèle et afficher votre blog.

samedi 30 juin 2012

Supprimer la barre de navigation Blogger en haut de l'écran - Changer sa couleur

Pour changer la couleur de la barre de navigation Blogger, il suffit de placer le code ci-dessous dans la partie centrale en CSS (mise en page) du template : #navbar-iframe { background-color:red;}
(soit rouge avec cet exemple).

Les couleurs sont identifiées par :
- un nom : par exemple : "red" ;
- un code "rgb" (red-green-blue) : par exemple "rgb(255, 102, 102)";
- un code hexadécimal : par exemple "#9BC3D5" (en 6 ou 3 chiffres).

Pour consulter (en français) une liste alphabétique de couleurs et les codes correspondants (hexadécimal et rgb) : cliquer ici.
* * * * *
On peut avoir envie de supprimer la barre de navigation de Blogger (en haut de l'écran) pour 2 raisons :
- le côté "blog" et moins professionnel donné au "Blog" ;
- elle permet de passer trop facilement à un autre blog et donc de quitter trop rapidement le premier blog.

1) Une première méthode pour supprimer cette barre consiste à ajouter le code qui suit dans un gadget HTML/Javascript (cela évite de modifier le "modèle" ou "template"):
<style type="text/css">#navbar-iframe {display: none;}</style>
Pour savoir comment créer un gadget HTML/JavaScript : cliquer ici.

Remarque : d'autres instructions peuvent être ajoutées dans le même gadget entre <style type="text/css"> et </style>.

2) Une seconde méthode consiste à ajouter dans le modèle (template) du blog:
#navbar-iframe {display: none;}
juste avant
]]></b:skin>.
Rappel : Comment modifier un template (modèle).
* * * * *
Cela n'empêche pas de créer ou de modifier des messages, et de modifier le "modèle" (template) : il suffit de passer par le "Tableau de bord" de Blogger et de cliquer au choix sur "Nouveau message", "Présentation" ou "Modifier les messages", à côté du nom du blog concerné.

Ajouter une barre de liens déroulante verticale

On peut placer dans une colonne latérale un simple bouton ou plusieurs boutons superposés qui donnent accès à des colonnes de liens supplémentaires. Cliquer ici pour tester EN BAS DE PAGE cette barre de liens déroulante verticale.


TOUTES LES COULEURS SONT POSSIBLES.
* * * * *
Le code nécessaire est le suivant :
<div class="v20bl">

<li><a href="#">ACCUEIL</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 2</a></li>

<li><div class="v20blfixe"><a href="#">LIEN 3</a></div><ul>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 3.1</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 3.2</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 3.3</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 3.4</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 3.5</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 3.6</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 3.7 test test</a></li></ul></li>

<li><div class="v20blfixe"><a href="#">LIEN 4</a></div><ul>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 4.1</a></li>

<li><div class="v20blfixe"><a href="#">LIEN 4.2</a></div><ul>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 4.2.1</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 4.2.2</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 4.2.3</a></li></ul></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 4.3</a></li>

<li><div class="v20blfixe"><a href="#">LIEN 4.4</a></div><ul>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 4.4.1</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 4.4.2</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 4.4.3</a></li></ul></li></ul></li>

<li><div class="v20blfixe"><a href="#">LIEN 5</a></div><ul>

<li><div class="v20blfixe"><a href="#">LIEN 5.1</a></div><ul>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 5.1.1</a></li>

<li><div class="v20blfixe"><a href="#">LIEN 5.1.2</a></div><ul>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">L. 5.1.2.1</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">L. 5.1.2.2</a></li></ul></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 5.1.3</a></li></ul></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 5.2</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 5.3</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 5.4</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 5.5</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 5.6</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 5.7</a></li></ul></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">LIEN 6</a></li>

<li><a href="http://radios-en-ligne.blogspot.com/" target="_blank">Radios</a></li>

<li><a href="http://televisions-en-ligne.blogspot.com/" target="_blank">Télévisions</a></li>

<li><a href="http://modifier-les-modeles-de-blogger.blogspot.com/" target="_blank">CONTACT</a></li>

<a href="http://modifier-les-modeles-de-blogger.blogspot.com" style="display:none;">blogger</a>

</div>

<style type="text/css">
.v20bl, .v20bl ul{list-style: none;text-align: center;z-index:999;padding: 0;margin: 0;vertical-align:baseline;}
.v20bl{margin-left:0px;margin-top:0px;width:125px;}
.v20bl li{float: left;}
.v20bl li ul{position: absolute;width: 125px;left: -999em;z-index:999;}
.v20bl li:hover ul ul {left: -999em;}
.v20bl li:hover ul ul ul{left: -999em;}
.v20bl li:hover ul, .v20bl li li:hover ul,.v20bl li li li:hover ul{left: auto;min-height:1%;}
.v20bl ul li {list-style: none;vertical-align:baseline;}

.v20bl li ul {border-top: 1px solid rgb(38,66,80);border-right: 1px solid rgb(38,66,80);width:144px;}

.v20bl li ul {margin: -34px 0 0 144px;min-height: 0;}

.v20bl a {color:white;
background:rgb(38,66,80) url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKNaRrfES3GkYR1W0TQlIJ4tCNMeMtW_FjXJ243uEEHszzDS8UlZNoJAcrWktEXyCfSyNHdfGI3B328b6iv7Kgfy4NOlyMreu1bU-nJ2qOmK3nkAppKn5JloRiZkH896GKOvxiXj6vHyY/s400/onglet+fond+bleu+3.PNG') no-repeat;border-bottom: 1px solid rgb(38,66,80);border-left: 1px solid rgb(38,66,80);padding:7px 9px; display:block;text-decoration: none; font-weight:bold;font-family: arial;font-size: 18px;line-height: 18px;width:125px;}

.v20bl a:hover{color:#191970;background:white;}

.v20blfixe a:hover {color:white;
background:rgb(38,66,80) url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKNaRrfES3GkYR1W0TQlIJ4tCNMeMtW_FjXJ243uEEHszzDS8UlZNoJAcrWktEXyCfSyNHdfGI3B328b6iv7Kgfy4NOlyMreu1bU-nJ2qOmK3nkAppKn5JloRiZkH896GKOvxiXj6vHyY/s400/onglet+fond+bleu+3.PNG') no-repeat;}
</style>

Il suffit d'insérer ce code dans un gadget HTML/JavaScript : ON ÉVITE AINSI DE TOUCHER AU MODÈLE - TEMPLATE. Le code a été testé avec Firefox et Internet explorer 7.

Le gadget peut être installé en quelques secondes et testé par chacun.

Comment ajouter un gadget HTML/JavaScript sur un blog.

On ajoute un espace à gauche en corrigeant : .v20bl{margin-left:0px;

Chacun remplacera les liens par les adresses (http://...) qui lui conviennent : vers l'intérieur (page, libellé, ...) ou l'extérieur du blog. Le code target="_blank" ouvre le lien dans une nouvelle fenêtre. Cela concerne les liens extérieurs au blog, afin que les lecteurs reviennent automatiquement au blog de départ après lecture.

Il faudra aussi modifier les significations de ces liens (LIEN 1.1, ...) qui apparaissent à l'écran.
* * * * *
POUR UTILISER CETTE BARRE DE LIENS DÉROULANTE DANS UNE COLONNE LATÉRALE DROITE, les sous-menus doivent s'afficher A GAUCHE de la barre de liens verticale.

Il faut donc corriger l'instruction
.v20bl li ul {margin: -34px 0 0 144px;min-height: 0;}
en remplaçant 144px par -146px.
* * * * *
Cette barre de liens NE FONCTIONNE PAS AVEC LES TEMPLATE (MODÈLES) DE 2010 DE BLOGGER.
* * * * *
On peut installer plusieurs barres de liens déroulantes verticales sur un blog.

Dans ce cas, il ne faut publier qu'une seule fois la dernière partie du code située entre <style type="text/css"> et </style> : la "feuille de style" concernée s'appliquera à toutes les barres verticales.

lundi 25 juin 2012

ajouter cercle google plus

Des gadgets commencent à fleurir pour inciter vos lecteurs à venir vous rejoindre sur Google+. Parmi ceux-çi, http://widgetsplus.com/ qui est très simple d'utilisation et permet une belle personnalisation.


Pour commencer, il faut cliquer sur le bouton Get widget (1).
A droite, on a une visualisation de son gadget (2) [pour le moment avec des données par défaut] et dans la partie basse, on a le paramétrage du gadget.
ajouter cercle google plus

Le paramétrage (Settings) permet de personnaliser le gadget.
Le premier lien (1) Basic settings vous demande notamment de lui indiquer votre identifiant Google+ (2). Il s'agit d'une suite numérique très longue que vous pouvez retrouver dans liens de votre Profil G+ (pour info, le mien est 106605699123826686797).ajouter cercle google plus
ajouter cercle google plus

Vous poursuivez avec autres paramètres (3).
Vous y mettrez notamment : 
(1) Basic settings : la police, la largeur du gadget
(2) Main area settings : le fond
(3) Title settings : l'accroche
(4) Name text :  la taille du texte
(5) Button : paramètres du bouton
(6) Bottom text :  le texte du dessous

 Une fois le paramétrage effectué (1), la visualisation directe approuvée (2), vous cliquez sur le bouton Get code (3).
A ce moment, le code s'affiche juste en dessous (4). ajouter cercle google plus

Il suffit de copier ce code.
Et pour terminer, d'aller le positionner dans un gadget HTML/Javascript.

Voilà, c'est tout simple.

A+
ajouter cercle google plus

c'est quoi déja google plus :
Google Plus, futur carrefour d'influence pour marques et entreprises adeptes du marketing sur réseaux sociaux ? Concurrent direct de Twitter et Facebook, le nouveau « phénomène social » de Google propose une nouvelle façon d'échanger des contenus sur le web. Outre son organisation en « cercles », qui donne à l'utilisateur le contrôle sur l'information qu'il partage, Il propose plusieurs outils et fonctionnalités, qui intégrés à l'écosystème Google, offrent des perspectives intéressantes aux professionnels : pour développer sa marque personnelle, travailler en mode collaboratif, ou encore organiser une veille d'informations. Alors, comment exploiter au mieux possibilités de cette plateforme pour le travail ? Voici un point complet sur le fonctionnement et  subtilités de Google Plus, et des pistes et conseils pour utiliser ce nouveau réseau social en contexte professionnel.  

S'inscrire à Google Plus et commencer à réseauter

L'inscription à Google Plus n'est pour l'heure possible que sur invitation, dans l'attente d'une disponibilité totale du servie. invitations peuvent être distribuées par tous  membres une fois qu'ils sont inscrits au réseau :

  • Soit par e-mail
  • Soit en partageant un lien groupé (ex : sur Facebook, Twitter, etc), qui est généré à partir de l'interface Google Plus
Si dans votre entourage, personne n'est inscrit de Google Plus, vous pouvez toujours vous y inscrire, par une astuce très simple : faites une recherche par mots-clés dans Twitter (ex : « invitation Google Plus », ou en anglais « Google Plus invites »). De très nombreux membres postent des invitations groupées permettant de s'inscrire au réseau.

Une fois que vous êtes inscrit au réseau, vous pouvez donc à votre tour envoyer des invitations groupées (dans la limite de 150 unités). Vous pouvez également importer vos contacts depuis Yahoo Mail ou Hotmail pour simplifier la procédure d'envois d'invitations.

 Fonctionnement général des cercles Google Plus

 Google Plus permet à ses membres d'organiser leur réseau, et informations qu'ils partagent, à l'intérieur de « cercles », c'est-à-dire des groupes de contacts indépendants  uns des autres. L'objectif est de créer des communautés séparées et de laisser la main à l'utilisateur sur l'information qu'il partage (lien, photo, vidéo, données de géolocalisation), et avec qui il la partage (pour chaque élément posté). Plusieurs communautés peuvent donc coexister à l'intérieur du même réseau, sans risque qu'une membre non autorisé par l'utilisateur n'ait accès à une information qui ne le concerne pas.

A retenir :

  • Vous pouvez créer des cercles, c'est-à-dire des groupes d'utilisateurs, pour classer tous vos contacts par niveau de relation (amicale, familiale, professionnelle, etc.)
  • Le libellé des cercles n'est connu que de vous : une personne ajoutée dans votre réseau ne peut pas savoir à quel cercle elle appartient dans votre réseau
  • Vous pouvez ajouter une même personne à plusieurs cercles
  • Lorsque vous partagez du contenu sur votre "mur" (photo, vidéo, lien), vous pouvez choisir au cas par cas cercles (et donc  contacts liés à ces cercles) qui seront autorisés à voir ce contenu (quand ils visualisent leur profil, par exemple)
Ce contenu apparaîtra sur leur propre mur, s'ils vous ont ajouté à l'un de leurs cercles
    Google Plus donne la possibilité de définir un niveau de visibilité pour chaque information publiée. Chaque flux d'informations (reçues ou partagées) correspond à un cercle, l'utilisateur pouvant naviguer d'un cercle à l'autre pour afficher des flux différents. Par défaut, une information publiée est visible seulement par  membres du cercle sélectionné. Ainsi, un message posté dans le cercle « ami », n'est visible par défaut que par  contacts du cercle « ami ».

Pour plus de flexibilité, vous pouvez également choisir d'étendre la visibilité d'une publication en appliquant manuellement (pour chaque élément posté) deux autres filtres :
  • Cercles étendus : la publication est alors visible par une relation de « second degré », c'est-à-dire par une personne qui figure dans le cercle d'une personne figurant dans l'un de vos cercles.
  • En mode public : la publication est visible par tous  utilisateurs qui vous ont ajouté à un cercle, ainsi que dans votre profil public. 

Préparer son compte Google Plus à une utilisation professionnelle

Le profil et plus particulièrement la page « biographie » de Google Plus offrent plusieurs champs d'informations vous permettant de vous présenter à la communauté, et d'orienter assez clairement votre compte vers une utilisation « professionnelle », même si le principe du réseau est de rendre possible plusieurs types d'emplois possibles simultanément (par l'intermédiaire des cercles)

Sélectionner l'onglet « biographie » (via l'onglet profil), et renseigner  champs suivants :

  • Introduction (informations permettant à des contacts de vous identifier formellement) : à noter la possibilité d'ajouter des liens via l'éditeur de texte disponible pour ce champ
  •  "choses dont vous pouvez vous vanter" (ex : promouvoir sa marque personnelle)
  • Profession
  • Emplois (chronologies des postes occupés)
  • Formation (chronologie des établissements scolaires fréquentés)
  • Lieux où vous avez vécu
  • Données de contact (e-mail professionnel, téléphone, adresse postale, etc.)
  • Ce que vous cherchez : vous pouvez sélectionner la mention « réseau professionnel »
  • Colonne « liens » à droites : permet de lier vers ses différents profils sur réseaux sociaux, blogs, ou de compléter la liste de liens insérés en introduction. A noter : vous pouvez choisir « une étiquette » (des mots-clés) pour chaque URL insérée. Il est préférable d'utiliser des mots-clés signifiants par chaque lien (ex : web marketer, photographe, etc.) pour une question de référencement. 
Important : Vous pouvez appliquer un filtre de visibilité à chaque champ renseigné. Il est donc possible de cocher l'option « visible pour tous  internautes ». Vérifiez également que votre profil Google Plus est visible sur  moteurs de recherche (dernière option en bas de l'écran) 

Faire vivre son flux d'actualités

 Si vous optez pour une visibilité « publique » de certains de vos contenus partagés (liens, photos, vidéos), vous aurez plus de chance d'être identifié comme un contributeur intéressant, et donc d'étendre votre réseau de relations. Sachant qu'un compte Goolge Plus très actif ouvrira grandement  opportunités de réseautage. 

 Créer une Page d'entreprise

 Google Plus permet de créer et gérer des Pages d'entreprise (ou pages thématiques) à partir d'un compte personnel. Cet espace de communication est ouvert à différentes entités : entreprises ou adresse locales, produit ou marque, institution/organisation, arts/spectacles/sports, ou autres.

Pages d'entreprises se gèrent à la manière des comptes personnels : l'administrateur de la page peut ajouter  membres Google Plus à ses cercles. Il peut également animer le flux d'actualités de la Page en partageant différents types de contenus (statuts, URL, vidéo, etc.)


membres peuvent ajouter  Pages d'entreprises à leurs cercles,  recommander via le bouton +1, et bien sûr partager  contenus publiés sur  pages dans leur cercles.


Parmi  informations et éléments que entreprises peuvent ajouter à leur page :

  • Logo
  • Bio (informations pratiques : coordonnées, horaires d'ouverture, URL),
  • Vue Google Maps de leur entreprise,
  • Photos/vidéos dans un onglet séparé 
A noter que pour l'heure, Pages Google Plus ne supportent pas la gestion partagée entre plusieurs administrateurs.  

 

 

 

partager video youtube blogger

partager video youtube blogger
Ouvrir Youtube.
Sélectionner la vidéo choisie.

 En dessous de la vidéo, cliquer sur le bouton Partager
 Puis cliquer sur le bouton Intégrer
 Il est possible de désactiver les suggestions à la fin de la vidéo Et surtout il est très intéressant de personnaliser la taille de la vidéo pour qu'elle soit adaptée à la taille de son blog. A cette fin, on indiquera seulement la largeur , le système calculera de lui même la hauteur pour que les proportions soient respectées.

Une fois cette donnée saisie, on cliquera ailleurs, ou on tabulera, afin que les données remontent  dans les codes. 
iframe largeur hauteur youtube blogger blogspot
 Il ne restera plus alors qu'à copier le code personnalisé ainsi généré [6] pour aller le coller dans le formulaire de rédaction [7] du message de Blogger.
comment ajouter une video youtube

Le reste, du classique : un titre [8], le réglage des options (libellé, planification entre autres) [9] et la publication [10]. 
partager video youtube blogger

mercredi 20 juin 2012

installer un lecteur dans ton blogspot , tutoriel sur blogger

alsacreations à fourni gratuitement un lecteur mp3 à utilisé dans vos blogs ou sites sous le nom Dewplayer.ce gadget est fourni sous différentes formes:
lecteur blogger astuce mp3
aperçu du lecteur une foi installé

Pour ajouter le lecteur mp3  Dewplayer à votre blog blogger, vous suivez les étapes suivantes:
1- tout d'abord télécharger ce fichier : DewPlayer Bundle



2- Décompressez le fichier téléchargé avec Winrar ou avec autre logiciel.
3- vous allez obtenir une multitude fichier qui correspond chaqu’un d'eux à un lecteur précis.et dans cet article nous allons voir comment réaliser tous ces lecteur ci-dessus.
4- Hébergez le fichier du lecteur qui correspond à vos souhaits(fichier swf) dans un hébergeur gratuit .
5- Copiez l'un des code ci-dessous et le coller n'import ou vous voulez dans votre blog:

Mini:
<object type="application/x-shockwave-flash" data="dewplayer-mini.swf" width="160" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-mini.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

Classic:
<object type="application/x-shockwave-flash" data="dewplayer-classic.swf" width="200" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-classic.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

Multi:
<object type="application/x-shockwave-flash" data="dewplayer-multi.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-multi.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

Multi Rect:
<object type="application/x-shockwave-flash" data="dewplayer-rect.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-rect.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

Bubble:
<object type="application/x-shockwave-flash" data="dewplayer-bubble.swf" width="250" height="65" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-bubble.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

NB:Remplacer le texte mise en évidence  par l'url de votre fichier(swf) hébergé et remplacer MBT.mp3 par le lien du fichier mp3.