Overblog Suivre ce blog
Administration Créer mon blog
25 août 2013 7 25 /08 /août /2013 16:51
Loading


 
Vous pouvez créer votre outil de recherche grâce à Google.

Pour exemple, voyez celui sur mon blog, colonne de droite, appelé "Vous cherchez quoi ?" et testez-le !



1. Créer un moteur de recherche personnalisé avec Google

Il vous faut d'abord vous connecter à votre compte Google ; si vous n'en avez pas, je vous conseille de le faire si vous avez un blog. Vous aurez ainsi accès à des informations intéressantes ; statistiques, mots clés grâce auxquelles on vous trouve...CE_recherche1.jpg


* Vous remplissez ensuite les info. demandées :


* l'adresse de votre site, le nom du moteur de recherche...

* les URL où vous souhaitez que le moteur fasse ses recherches. Vous pouvez bien sûr ne mettre que votre site, si c'est pour une recherche interne.

Une fois les informations renseignées, vous validez votre moteur de recherche.


2. Personnaliser l'apparence de votre  moteur de recherche CE_recherche2.jpg

En cliquant sur le nom de votre moteur, tout en haut, vous accédez à une nouvelle fenêtre.

Poursuivez en cliquant sur "Ajouter ce moteur à votre blog".



Sur l'écran de personnalisation, il est possible de modifier :
CE_recherche-3.jpg
- le titre


* la taille

* la bordure.






3. Insérer votre moteur de recherche sur votre blog

Une fois que le résultat vous plaît, vous cliquez sur "Obtenir le code".

 Vous copiez ce code dans un module ou un article de votre blog.


Limitation : ce code n'étant disponible qu'en Javascript, il vous faut un BR suffisant pour qu'Over-blog l'accepte !



 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
24 août 2013 6 24 /08 /août /2013 09:01

 

    Vous êtes enceinte et voulez voir l'évolution de votre bébé au fur et à mesure du temps qui passe, voici un gadget fait pour vous !

 


 

Personnalisation du gadget "Foetus dans le ventre de maman"

 

Vous pouvez entrer votre nom, ainsi que la date prévue de votre accouchement.

Le gadget représente alors votre foetus tel qu'il est, jour après jour, dans votre ventre.

Il affiche également le compte à rebours en nombre de jours avant votre accouchement.

 

Pour cela, un clic sur "Get Widget" puis entrez les informations sur la partie gauche de l'écran :

Votre nom, le nombre de bébés, l'année de naissance prévue, le mois puis l'année. Le gadget se personnalise en temps réel. Un dernier clic sur "Get widget" sous le gadget puis récupérer le code personnalisé !

 

Code du gadget "Foetus dans le ventre de maman"

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('b093de83-f790-477a-9cb8-0f62672a3baa');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/baby-ticker">Baby Ticker - The Baby Countdown Pregnancy Ticker</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

 

Restrictions

Les blogs OB en mode confiance ne peuvent pas installer ce gadget car il est codé en javascript...

 

 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
11 août 2013 7 11 /08 /août /2013 16:00


Voici une liste (non exhaustive) des principales propriétés utilisées en HTML.

Pour chacune d'elles, je vous indique ses valeurs possibles, ce à quoi elle correspond, et un exemple de syntaxe.

Propriété

Valeur(s)

Description

Exemple

font-size

xx-small, x-small, small,
medium, large, x-large,
xx-large, larger, smaller,
ou taille définie en pixels (px)
cm (cm), mm (mm), point (pt),
pourcentage (%)

Taille de la police

font-size: 12pt

font-family

* serif, sans-serif, cursive,
fantasy, monospace,
* ou nom de la police
(Arial, Verdana, ...)

Type de police

font-family: Arial

font-weight

* normal, bold, bolder, lighter,
* ou valeur numérique de 100 à 900 (par tranche de 100)

Poids de la police

font-weight: bold

font-style

* normal,
* italic (oblique)

Style de police

font-style: italic

line-height

* point (pt),
*  pourcentage (%)

Hauteur de la ligne

line-height: 5pt

color

* nom
* ou valeur
de la couleur

Couleur

color: green

background-image

URL du fichier

Image d'arrière-plan

background-image:
url(image/fichier.gif)

background-repeat

* repeat ,
* no-repeat,
* repeat-x,

* repeat-y

Répétition de l'arrière-plan

background-repeat:
no-repeat

background-attachment

* scroll
* fixed

Effet de filigrane

background-attachment:
fixed

background-position

* top,
* center,
* bottom,
* left,
* right

Position de l'arrière-plan
(verticale et horizontale)

background-position:
center center

vertical-align

* baseline,
* sub,
* super,
* top,

* text-top,
* middle,
* bottom,

* text-bottom,
* ou valeurs en
pourcentage

Alignement vertical

vertical-align: top

text-align

* left,
* right,
* center,
* justify

Alignement du texte

text-align: justify

text-indent

* valeur en pixel
* ou
pourcentage

Retrait de la
première ligne

text-indent: 10px

text-decoration

* none,
* underline,
* overline,
* line-through

Décoration du texte

text-decoration: overline

margin-left
(ou -right,

-top, -bottom)

* valeur en pixel
* ou
pourcentage

Valeurs des marges

margin-right: 10px

border-left
(ou -right,

-top, -bottom)

* medium,
* thick,

* ou un style

type de bordure

border-top: medium

border-x-width
(
remplacer x par right, left, top, bottom)

* medium,
* thick
* ou
taille.

Taille de la bordure

border-top-width: 15

border-style

* none,
* dotted,
* dashed,
* solid,

* double,
* groove,
* ridge,
* inset,
* outset

style de bordure

border-stylet: ridge

border-color

* nom
* ou valeur hexadécimale

de la couleur

Couleur de la bordure

border-color: red

letter-spacing

* normal
* ou valeur en point

Espacement des lettres

letter-spacing: 2pt

 


 

                                      Rendez-vous sur Hellocoton !                                                   

 

Repost 0
Published by Aurelie - dans HTML
commenter cet article
10 août 2013 6 10 /08 /août /2013 09:44


PageRank


Le PageRank ou PR est l'algorithme d'analyse des liens de votre site.

Il contribue au système de classement des pages Web utilisé par le
moteur de recherche Google pour déterminer l'ordre dans les résultats de recherche qu'il fournit.

De nos jours le PageRank ne fournit qu'un indice parmi tant d'autres dans l'algorithme qui permet de classer les pages du Web dans les résultats de recherche de Google. Ce système a été inventé par Larry Page, cofondateur de Google.

 


 

 


Vous trouvez chez SupportduWeb un calculateur de PageRank Google gratuit.

Il suffit de mettre l'adresse de la page dont vous voulez connaitre le PageRank et de choisir le style que vous désirez.

Un code (X)html sera généré, c'est celui que vous devrez mettre sur votre site internet pour afficher votre PageRank.
Le petit trait vert symbolise votre PR.


Voir d'autres articles sur le référencement et l'indexation :  Référencements et indexations


 


 

 

 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
8 août 2013 4 08 /08 /août /2013 11:13


1. Les raccourcis clavier

Les raccourcis clavier, ce sont les combinaisons de touches sur lesquels on appuie, et qui sont l'équivalent d'une action bien connue et disponible sur tous les logiciels bureautiques.

Ils sont très pratiques à utiliser et évitent de se servir de la souris, ce qui n'est pas toujours facile quand on est en pleine édition.

Ces raccourcis sont obtenus en appuyant simultanément sur 2 ou 3 touches. La syntaxe dans ce cas est de mettre un signe "+" entre les touches pour indiquer la simultanéité.


2. Les actions les plus courantes

Les opérations  que l'on fait le plus souvent sont :

2.1 Copier

Je vous fournis souvent des lignes de code. ne cherchez pas à les recopier sous peine d'erreur ! Le plus simple est de les copier (c'est à dire en fait de les mémoriser temporairement dans la mémoire de votre ordinateur). 

Le raccourci clavier de cette opération est : Ctrl + C

2.2 Coller

Une fois du texte "copié", vous vous placez à l'endroit où vous voulez le positionner et vous "collez" le texte en mémoire.

Le raccourci clavier de cette opération est :
Ctrl + V


2.3 Vider la mémoire cache

Si vous regardez un article de votre blog, et que vous vous rendez compte qu'il faut le reprendre : pour corriger une faute d'orthographe, un alignement, un complément à apporter...

Vous allez dans votre administration et apportez les modif voulues. Vous ré affichez alors l'article et.... vos modifications n'ont pas été prises en compte !!

Si, rassurez-vous ! C'est juste que comme la page a déjà été affichée, votre ordinateur l'a mémorisée (dans sa mémoire cache) afin d'y accéder très rapidement. Il ré affiche donc ce qui avait été fait auparavant.
Pour vérifier que vos modifications ont été prises en compte, vous devez vider cette mémoire; pour forcer votre ordinateur à lire votre code.

En tant que Webmaster, vider la mémoire cache afin de voir immédiatement le résultat de votre code est fort utile. Le raccourci clavier qui le permet est : Alt + F5



  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Petites astuces
commenter cet article
7 août 2013 3 07 /08 /août /2013 09:39

 


 

La gadget Traducteur instantanné

Voici un gadget bien utilse : le traducteur instantané.

 

Il permet à vos visiteurs de traduire vers la langue de leur choix ,

 en utilisant le menu déroulent où il y a écrit par défaut "Anglais-Français) leur texte.

 

Ce texte est à taper dans la fenêtre vide, dessous.

 

Un clic sur "Rechercher" et voilà la traduction, l'utilisation dans des phrases, des expressions...

 

 

Code du gadget Traducteur

 

<script src="http://www.gmodules.com/ig/ifr?url=http://www.wordreference.com/tools/ggGadgets/WRgadget_fr.xml&amp;up_defaultDict=enfr&amp;
synd=open&amp;w=296&amp;h=98&amp;title=Traducteur+instantann%C3%A9&amp;border=%23ffffff%7C0px%2C1px+solid+%23004488%7C0px%2C1px+solid+%23005599%7C0px%2C1px+solid+%230077BB%7C0px%2C1px+solid+%230088CC&amp;output=js"></script
>

 

Information simportante ur le code du gadget traducteur

 

Ce code est en script, ce qui signifie qu'il n'est pas possible de le mettre sur les blogs Overblog en mode Confiance.

 

 

A relire

 

Traducteur de page internet avec mini drapeau du pays

 

 

superstickies



 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des jeux
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
30 juillet 2013 2 30 /07 /juillet /2013 15:35

Voici la méthode pour faire défiler un texte à l'écran :


1. Mode avancé, HTML

Après avoir tapé votre texte, il vous faut aller en
mode HTML.

Allez voir cet article pour savoir comment faire



2. Balise Marquee

Les balises à ajouter à votre texte sont les balises
MARQUEE


3. Syntaxe :

Il faut ajouter, avant votre texte : <marquee> et
</marquee> après le texte.

Exemple : si je tape, en mode html :

<marquee>Bonne journée à vous</marquee>,

cela donne


Bonne journée à vous



4. Les paramètres optionnels

Vous pouvez ajouter des paramètres pour modifier le défilement ; en voici quelques uns

Paramètre balise MARQUEE

Action

possibilités

Behavior Indique le type de défilement :  Scroll : mode par défaut
Alternate : alterné
Direction Indique la direction du défilement Left : gauche à droite
Right : droite à gauche 
Down : Bas
Up : Haut

Vous pouvez définir la plage
si vous utilisez Up et Down en ajoutant height="x" en nbre de pixels
Scrollamount Vitesse de défilement, en pixels à indiquer en pixels, minimum 1
Scrolldelay Vitesse de défilement en millisecondes  
Loop Nombre de défilements -1  : pour 1 seule
x : nombre de défilements
Infinite : pour continuel
OnmouseOut A utiliser avec celui du dessous, afin d'arréter
le défilement au survol de la souris,
puis le reprendre.
Indiquer "this.start();"
OnMouseOver   Indiquer "this.stop();"



5. Exemple complet de syntaxe d'un texte défilant

<marquee behavior="alternate" direction="up" scrollamount="5" scrolldelay="20" loop="-1" onmouseover="this.stop();" onmouseout="this.start();">Cliquer pour arrêter le défilement.</marquee>


Cliquer pour arrêter le défilement.


                                        

Rendez-vous sur Hellocoton !

Repost 0
Published by Aurelie - dans Les textes
commenter cet article
27 juillet 2013 6 27 /07 /juillet /2013 14:12

null

Et oui, au fait, je vous parle de blogs, mais, c'est quoi au juste ?


1. Définition du blog

Dans Wikipédia, la célèbre encyclopédie en ligne, on trouve

" Un blog est un site Webconstitué par la réunion de billets agglomérés au fil du temps et souvent classés par ordre antéchronologique (les plus récents en premier).

Chaque billet (appelé aussi « note » ou « article ») est, à l'image d'un journal de bord ou d'un journal intime, un ajout au blog ;

Le blogueur (celui qui tient le blog) y délivre un contenu souvent textuel, enrichi de liens et d'éléments multimédias, sur lequel chaque lecteur peut généralement apporter des commentaires."


2. D'où vient le mot "Blog" ?

Blog est issu d'un mot composé des mots Web et Log

Web étant internet et, log, en anglais, registre ou journal.

Un blogueur ou une blogueuse est l'individu qui a l'habitude de bloguer : il écrit et publie les billets, sans entrer dans la composition de tous les commentaires qui y sont associés. La blogosphère est l'ensemble des blogs.


3. L'histoire des blogs


Les premiers blogs sont apparus aux États-Unis à la fin des années 1990. 
Il s'agissait surtout de recensement de pages Web jugées intéressantes.

En France, les premières ébauches de blogs apparaissent dès 1989 sur minitel avec des services qui permettent de créer une architecture hiérarchisée, un nom de domaine personnalisé et une messagerie personnelle.

Il faudra attendre quelques années pour qu'apparaissent sur Internet les premiers blogs francophones.


4. Comment faire son blog ?

N'importe qui peut faire un blog,

* en s'inscrivant sur un hébergeur de blog (comme Over-blog !) : C'est la méthode la plus simple si vous débutez. Vous avez déjà votre blog en 3 clics grâce à des bibliothèques de Design dans lesquelles vous piochez.  Ces sites sont gratuits !

* soit simplement en publiant une page HTML (mise à jour de temps en temps),
* soit en utilisant des logiciels spécialisés (par exemple des logiciels écrits en php).

 


 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Pour bien débuter
commenter cet article
25 juillet 2013 4 25 /07 /juillet /2013 17:22

1. Les compteurs d'Overblog

Sur OB, il y a 2 types de compteurs très facile à mettre.
Bonne nouvelle donc, pour toutes celles et ceux qui ne veulent pas toucher au code !


1.1 Nombre de personnes connectées sur votre blog à l'instant T.

La syntaxe est la suivante : 
<!-- counter(current) -->


1.2 Nombre de personnes connectées sur le réseau d'Over-Blog

La syntaxe est la suivante :  <!-- counter(global) -->


1.3 Où mettre ces compteurs :

Vous pouvez mettre ces compteurs ou vous voulez ! Le plus courant est dans un module "texte libre" sur votre page d'accueil. 


1.4 "Habiller" ces compteurs

Voici 2 exemples d'habillage, afin que vos visiteurs comprennent ce que vous affichez :

Si vous copiez, en mode avancé, ceci :

<br /><table style="border: #8151ad 2px solid;" border="2" align="center">
<tbody>
<tr>
<td><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 10pt;"><br />&nbsp;&nbsp;Il y a actuellement <span style="color: #800080;">&nbsp;<!-- counter(global) -->&nbsp;</span> personnes connect&eacute;es sur OverBlog dont <span style="color: #800080;">&nbsp; <!-- counter(current) -->&nbsp;</span> sur ce blog&nbsp;&nbsp;&nbsp;<br /><br /></span></span></td>
</tr>
</tbody>
</table>
<br />

vous obtenez cela :



  Il y a actuellement    personnes connectées sur OverBlog dont     sur ce blog   



Faire défiler votre compteur :

Allez voir l'article sur le défilement ICI


Avec une balise marquee pour faire défiler votre compteur, cela donne :
<marquee behavior="alternate">Il y a actuellement &nbsp;<!-- counter(current) -->&nbsp; personne(s) pr&eacute;sente(s) sur ce blog</marquee>

Il y a actuellement    personne(s) présente(s) sur ce blog


2. Les compteurs donnés en code HTML

2.1 Compteur de Free

Utilitaire très sympa dans la
FAQ d'overblog  pour récupérer en 30 s le code de votre compteur :

Un exemple ici :

<img src="
http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[faireunblog.over-blog.com52].dat&ft=2&st=115&dd=B">

qui donne :


2.2 Compteur chez
Imingo :

Beaucoup de choix chez eux ! Allez voir

Un exemple ici :

<center>
<a href="
http://www.imingo.net" target=_top>
<img src="http://www.imingo.com/services/compteur/icptgr.php?id=faireunblog1
"
 name="imingo.com" border="0" alt="un compteur pour votre site"></a>
</center>


qui me donne :                                                 
un compteur pour votre site  


2.3 Chez Blogoutil

Très simple, quelques paramétrages mais pas de possibilité de faire démarrer le compteur à un autre numéro que 1. Mettez donc ce compteur dès la création de votre blog !

Celui que j'ai choisi ici se remet à 0 tous les jours.

<a href="
http://www.blogoutils.com/" target="_blank" title="Compteur pour blog gratuit"><img src="http://www.blogoutils.com/compteur-visiteurs-jour-5-ff0000-8.gif" alt="Compteur pour blog gratuit" style="border:none;" /></a>

ce qui donne :                                               
Compteur pour blog gratuit


Vous en trouverez bien sûr d'autres en navigant sur la grande toile. Je vous ai donné mes préférés dans cet article !



 

                                        Rendez-vous sur Hellocoton !
Repost 0
23 juillet 2013 2 23 /07 /juillet /2013 09:06

 

identite.jpg

 


 

Ou faire une carte d'identité virtuelle

 

C'est le site Iciyatou qui propose de générer cette petite image, en 3 clics, rapide et gratuit.

 

 

Comment faire une carte d'identité virtuelle

 

Il suffit de saisir les infiormations demandées dans les champs : ton nom, ton blog, date de naissance....

 

pour la photo, tu choisis un avatar parmi les choix, ou tu indiques l'URL d'une de tes photos.

 

Un clic sur le bouton "Générer ma carte" et voilà le résultat.

 

 

Sauvegarder sa carte d'identité virtuelle

 

Clic droit sur la carte d'identité puis "enregistrer sous" pour une sauvegarde sur ton ordinateur

 

 

 

 

 

superstickies




 

  * 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images 
* Des jeux
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article

Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation