petites astuces - Faire un blog

1 2 3 > >>

14 mars 2017 2 14 /03 /mars /2017 11:26

Comment intégrer "Lire la suite" pour éviter de surcharger un article

1. Utiliser un "Lire la suite"

Il arrive que l'on fasse des articles un peu longs, ou tout au moins, dont certains détais n'interresseront pas tous nos visiteurs.

Il est utile dans ce cas, à la suite d'un texte d'accroche, composé le plus souvent de 1 à 5 lignes, de faire un "Lire la suite", sur lequel le visiteur doit cliquer pour accéder à la suite de l'article.

2. Faire un "Lire la suite..."

Si vous êtes interessé, je vous propose donc, pour découvrir comment faire, de cliquer sur ce petit "Lire la suite", que l'on peut aussi appeler "en savoir Plus...", ou bien encore "Article complet"

Vous êtes arrivés ici, c'est donc que vous avez bien cliqué sur mon "Lire la suite".

En réalité, ce n'est qu'un texte avec un lien vers un autre article.

Pour faire un "Lire la suite", il faudra donc créer 2 articles : un "version courte, intégrant le "lire la suite", et un en version longue.

Le premier "Lire la suite" renvoyant vers le second.

3. Code HTML d'un "Lire la suite"

Voici le code HTML utilisé pour mon "Lire la suite" :

<a href="http://faireunblog.over-blog.com/article-comment-integrer-lire-la-suite-pour-eviter-de-surcharger-un-article-70674615.html">Lire la suite... </a>

4. Personnalisation du code HTML pour "Lire la suite"

En vert, indiquer l'adresse URL de l'article "version longue"

En orange, votre texte pour faire comprendre au visiteur qu'il doit cliquer pour avoir l'article entier.

Le reste du code contient le style de l'écriture, police, couleur...

* 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

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

29 juillet 2015 3 29 /07 /juillet /2015 10:58

Outil pour vérifier que vos liens fonctionnent !

1. Les liens

Une petite astuce aujourd'hui au sujet des liens mis sur votre blog.

Pour savoir comment mettre des liens :
voir Mettre des liens en texte
ou Faire un lien avec une image

Il est important de vérifier régulièrement que les liens (surtout ceux extérieurs à votre blog) fonctionnent toujours, autrement dits, que vous n'avez pas de liens morts.

Rien de plus désagréable en effet de cliquer et de tomber sur un message d'erreur !

null
2. Outil pour vérifier l'état de vos liens

Vous trouvez sur le site GraphitOO un testeur de lien très bien fait :

* vous entrez l'adresse de votre blog,

* vous cliquez sur "Analyser" et vous attendez quelques secondes.

Le système vous analyse tous vos liens, et vous donne surtout leur état. le plus important est que tous soient marqués "OK"

Si vous voulez aller plus vite et simplement vérifier que vous 'navez pas de liens morts, décochez la case "Tout afficher, et non pas juste les liens morts" et vérifiez que le système ne trouve rien.

* 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

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

8 avril 2014 2 08 /04 /avril /2014 08:51

Hébergeur d'images gratuit

Certains d'entre vous m'ont demandé comment faire quand leur hébergeur de blog n'a plus d'espace dispo pour stocker nos images. Voici donc un site fait pour cela !

ImagUP.com proposes aux internautes d'héberger leurs images gratuitement sur ses serveur.

1. Comment utiliser ImagUP.com

- Comment uploader une image ?

Pour envoyer une image, vous devez cliquer sur 'Parcourir...', sélectionner l'image disponible sur votre ordinateur et de cliquer sur 'UPLOADER MON IMAGE !' pour lancer le upload.
Vous serez ensuite redirigé vers une nouvelle page avec toutes les informations sur votre image.

- Quel sont les images compatible ?

Poids de l'image : 4mo (4096ko) !
La taille de l'image : illimité !
Format d'image : Jpg, Jpeg, Gif, Png !

- Comment obtenir une galerie d'image ?

Il vous suffit de vous inscrire gratuitement et de uploader des images depuis votre galerie.

- Quel est la durée d'hébergement de mes image ?

La durée d'hébergement d'une images uploader de manière anonyme est garanti durant 2 mois. Si votre image a pour but d'être héberger à long termes, il est préférable de l'héberger dans votre galerie privée.

2. Comment installer le gadget d'ImagUp sur son site

Voilà le code ; d'autres sont à récupérer chez eux, rubrique "Webmaster"

* 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

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

15 février 2014 6 15 /02 /février /2014 11:59

Augmenter votre audience, attirer de nouveaux visiteurs

1. Comment se faire connaître, c'est la question que tous les blogueurs se posent !

Voici quelques conseils pour augmenter jour après jour son nombre de visiteurs. null

Mais avant tout, sachez être patient !

Les annuaires, le référencement sur les moteurs de recherche, les liens entre blogueurs... tout cela ne se fait pas en 1 jour et demande un peu de temps.

Pour exemple, ce blog a été créé le 8 novembre 09, et j'avais déjà accueilli 568 visiteurs en 12 jours.
Mon blogRank est de 74 sur 100 et augmente peu à peu.

2. Actions pour faire connaitre son blog

1. S'inscrire dans des annuaires	Allez chercher sur la grande toile, il y a une multitude d'annuaires gratuits. Inscrivez-vous dans la catégorie qui correspond à votre blog.
2. S'inscrire à des communautés	Vous avez ainsi accès à des blogs qui vous concernent, vous liez des connaissances, vous publiez des articles... Ne vous inscrivez pas seulement à des communautés qui regroupent beaucoup de blogs : certes, de nombreux blogueurs auront accès à vos articles, mais vous ne resterez pas longtemps affiché en première page de la rubrique "derniers articles", puisque beaucoup d'autres y publient.
3. Allez voir les autres blogs et déposer des commentaires	C'est gràce aux commentaires sur les blogs qu'on aime que l'on se fait aussi connaître : par le webmaster, évidemment, mais aussi par les autres visiteurs qui lisent vos commentaires et auront peut-être envie d'aller faire un tour chez vous.
4. Répondre à vos commentaires	C'est tout d'abord une marque de politesse, et ça montre que vous êtes attentifs.
5. Ayez un blog attratif, bien construit, bien documenté	Bref, votre blog est tout de même la raison n° 1 pour laquelle vos visiteurs reviennent : ils y ont trouvé ce qu'ils cherchaient, ils ne se sont pas perdu dans la navigation, ils ont regardé plusieurs articles....

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

2 novembre 2013 6 02 /11 /novembre /2013 17:25

Dictionnaire Anglais / français des mots de l'internet (A à F)

Voici un dictionnaire de traduction de l'anglais vers le français des mots utilisés sur la grande toile, ou en langage informatique en général.

Voir la suite :	Dictionnaire Anglais / français des mots de l'internet (G à M)
	Dictionnaire Anglais / Français des mots de l'internet (N à R)
	Dictionnaire Anglais / Français des mots de l'internet (T à Z)

Voir aussi l'article : Les mots anglais les plus utilisés en langage informatique

A Abort = interrompre About font displayer = à propos des afficheurs de police About plug ins = à propos des modules externes Access = accès, entrée Accès denied = Accès refusé Accountt = Compte, droit d'accès Add =ajouter Add folder = ajouter dossier Add-in = synonyme de Plug-in Add site = ajouter site Address book = carnet d'adresses Advice = conseil Alt key = touche Alt du clavier Anchor = ancre de lien Any haeder = tout en-tête Any key = n'importe quelle touche du clavier Any recipent = tout destinataire Append = ajouter Arrey = tableau Ask = demander Assign = affecter Attach = attacher , joindre Attachement = joint à un mail, attaché, annexe Autorun = démarrage automatique Auto-save = enregistrement automatique Available = disponible	B B to B = Business to Business B to C = Business to Client B to G= Business to governement Peer to Perr = d'égal à égal Back = précédent Backbone Network = réseau national d'interconnexion Background Color = couleur de fond Background = arrière-plan (imprimante ou couleur de fond d'une page à l'aide d'une image) Backslash = barre de fraction inversée Backup = sauvegarde Balloon help = info-bulle Banner = bannière Beta = version test d'un logiciel Blank key = barre d'espacement Blockquote = citation ou aussi décalage du texte Body = corps (du fichier) Bold = gras (caractère) Bookmark = signets dans Internet Explorer, favoris dans Netscape+ Bookmark List = carnet d'adresses Boot = lancement, lancer l'ordinateur Bottom = le fond, le bas Break = coupure, interruption Bridge = pont, passerelle Browser = navigateur Buffer = mémoire tampon Bullet List = "liste non ordonnée" ou encore appelée "liste à puces". Bundle = vente d'ensembles de matériels ou logiciels Byte = contraction de "by eight" = octet ou 8 bits
C Cable matcher = adaptateur Caddy = boîtier de protection d'un CD-Rom Call = appel, appeler Cancel = annuler, interrompre Capital letter = majuscule Caps lock = verrouillage des majuscules sur le clavier Carbon copy = (cc) copie carbone, duplicata e-mail Carriage return = "retour" chariot Cascading Style Sheets ou CSS = feuilles de style Case sensitive search = recherche en tenant compte de la casse (différence majuscules/minuscules) CD writer = graveur de CD-Rom CD-RW = (CD-rewritable) CD re-inscriptible et donc effaçable Center = centre Central processing Unit = (CPU) unité centrale ou encore microprocesseur Channel = canal Change =modifier Charset = jeu de caractères Chat = conversation, bavardage, discussion en ligne Check = contrôle, test, vérification Checked = sélectionné Checkbox = boîte à cocher Choose = sélectionner Clear = supprimer Clip art= clipart ou petit dessin au trait, icône Clipboard = presse-papiers Clock = horloge Clone = copie identique à l'original Close = fermer, quitter Collating order sequence = ordre de tri Color Management system = gestionnaire couleurs Cols = colonnes d'un tableau. Comment = commentaire Complete = complète (type d'installation complète) Component = élément, composant Compressed file = fichier compressé Computer program = programme informatique, logiciel Concurrent = concordant, simultané Configuration file = fichier de configuration Connect time = durée dune connexion Content = contenu Continuous = continu, permanent Control key = touche contrôle : Ctrl Control panel = panneau de configuration d'un logiciel Cookie = script invisible inséré sur le disque dur du visiteur...... CoolTalk= téléconférence Copy = copier Copyright = concerne les droits d'auteurs Counter = compteur Cracker = (pétard en fr) pirate de l'informatique (d'un logiciel, ordinateur, réseau), voir hacker Crawler ou spider = robot moteur de recherche Create shorcut = créer un raccourci Crosslinking = échange réciproque de liens Cropssposting = expéditions multiples de mails (sur les news) Curly quotes = guillemets Cursor key = touches fléchées Custom = personnalisée (type d''installation personnalisée du logiciel) Cut = couper (cut-off) Cut and paste = couper-coller Cybook = livre proposé à la lecture en ligne Cyberspace = monde virtuel que représente un réseau comme l'Internet	D Data = données Data field = champ de données Data output = sortie de données Data transfert rate = vitesse de transfert de données Deep-linking = lien interne entre sites Defaults = valeurs prédéfinies, par défaut Default home page = page d'accueil d'un site chargée par défaut à la connexion Default printer = imprimante par défaut, lorsqu'il en existe plusieurs Desinstall = désinstaller, supprimer un programme se trouvant sur l'ordinateur Delete = supprimer Delete key = touche supprimer Descending sort = tri décroissant dans une liste Desktop = bureau Destination folder = dossier de destination Device address = adresse de périphérique Dialup-Ip = connexion à l'internet à travers le fournisseur d'accès appelé aussi Provider. (voir Full-Ip) Dialog = afficher une alerte Dial-up IP = connexion intermittente par ligne téléphonique et modem Digit, chiffre, doigt Digital = représente des valeurs numériques Digitization = numérisation Dimned = assombri Directory = répertoire ou Annuaire (par opposition aux moteurs de recherche) Directory path = chemin d'accès, Directory tree = arborescence d'un répertoire Disk access time = temps d'accès au disque Disk drive = lecteur de disque ou disquette Display = visualisation, affichage Do not'save = ne pas enregistrer Downloading = (download) téléchargement du serveur vers son ordinateur, en FTP. (voir uploading.) Dots per inch (dpi) = point par pouce Drag and Drop = glisser et déplacer avec la souris Draw = tracer, dessiner Driver = pilote de périphérique,gestionnaire Drop-doawn menu = menu déroulant Dumb quotes = guillemets simples
E Edit = éditer, modifier E-learning = formation en ligne Electronic mail = (e-mail) courrier électronique EMail Address = adresse de courrier électronique Email Account = identification de la boîte aux lettres Email Pasword = mot de passe pour le courrier électronique Emergency powersupply = alimentation de secours, pour les portables Enabled = permettre, autoriser, activer Encapsulate = intégrer Enclosed = enfermé End key = touche clavier : Fin End user = utilisateur, le client Engine = moteur (de recherche) Enter key = touche de clavier : Entrée Entity = caractères spéciaux comme é pour é Erase = effacer Esc key = touche clavier : Echap E-learning = formation en ligne E-to-E - (Entrepreneurs-To-Entrepreneurs), voir glossaire Exe = extension des fichiers exécutables Exit = quitter, sortir, finir E-zine = (e-zine) magazine électronique , réalisé et existant sur l'Internet (lettre de diffusion)	F Failure = erreur FAQ = Frequently Asked Questions = Questions souvent posées Feed = fournir, insérer Fetch = chercher Field = champ File = fichier File Mappings = références de fichiers File server = serveur de fichiers File Transfer = transfert de fichier Firewall = coupe-feu Find = trouver,chercher first name = prénom Folder = dossier, répertoire Follow-up = réponse à un mail, suite Font = police du texte (voir Screen Font et Printer Font) Footer = pied de page Foreground = premier plan Form = formulaire Forward = suivant, faire suivre Frame = cadre qui sépare les pages d'un fichier Freeware = du domaine public (voir shareware) Frame = nom des cadres d'un fichier. FTP Host = serveur FTP Full duplex = communication simultanée dans les deux sens (tph) (voir Half duplex Full-Ip = connexion directe avec l'Internet. (voir Dialup-Ip)

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

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

Les raccourcis clavier à connaitre : copier, coller, vider le cache

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

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

6 juillet 2013 6 06 /07 /juillet /2013 13:46

Ne pas nuire au référencement des liens sur les moteurs de recherche

I - La nouvelle barre de fonctionnalités d'Over-blog

Les blogs sur Over-blog comportent désormais une nouvelle barre de fonctionnalités en haut d'écran.

A ce sujet, si vous voulez la retirer, même si vous n'êtes pas en mode privilège, relire :

La barre Over-blog : ce qu'elle devrait apporter, comment la supprimer

II - Le paramétrage à faire absolument !

Il faut savoir que cette barre est paramétrable, et si vous la gardez, il ne faut pas pour autant être pénalisé par les moteurs de recherche.

Or, telle qu'elle est paramétrée par défaut, elle nuit au référencement de vos liens par les moteurs de recherche.

Rappelez-vous que vos liens comptent pour beaucoup dans votre blogRank !

Revoir : Connaître son "Page Rank" ou PR chez Google
et Audit gratuit de votre site : optimisation et meilleur referencement
et Le guide de référencement de google

Pour cela, il est TRES IMPORTANT de cocher la case "Désactiver la barre sur les liens externes".

On va dans ce menu via Configurer/Mise en page puis clic sur le marteau de la barre tout en haut.

Sans oublier de valider ensuite, bien sûr !

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

19 mai 2013 7 19 /05 /mai /2013 17:20

Astuce pour vos liens hypertextes

1. Les liens Hypertexte

Nous mettons souvent des liens Hypertexte dans nos articles, pour renvoyer nos visiteurs vers d'autres articles de notre blog, ou bien vers d'autres sites conseillés.

Par exemple, ici, si vous ne savez pas faire un lien Hypertexte, je vais faire un lien pour vous proposer d'aller sur mon article Mettre des liens en texte .

2. Astuce pour vos liens

Il ne faut pas oublier, lorsque vous faites un lien, d'ajouter un code afin que ce lien s'ouvre dans une nouvelle fenêtre pour votre visiteur. (et ne remplace pas la fenêtre actuelle de votre blog)

C'est plus pratique pour lui, car il peux terminer de lire votre article avant de consulter la page vers laquelle vous avez fait un lien.

C'est bien-sûr beaucoup mieux pour vous aussi, surtout si le lien est externe à votre blog, car ainsi, il ne risque pas de vous "perdre". Votre blog est toujours ouvert !

2.1 Comment faire en sorte d'ouvrir une nouvelle fenêtre avec un lien.

Il faut ajouter dans votre paramètre de lien :

target="_blank"

2.2 Exemple d'un code complet de lien avec ouverture dans une nouvelle fenêtre

<a target="_blank" href=http://faireunblog.over-blog.com>Texte du lien</a>

où vous personnalisez l'adresse et le texte.

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

12 mars 2013 2 12 /03 /mars /2013 11:50

Définir le code HTML de ses couleurs préférées

On a souvent besoin de mettre de la couleur sur son blog pour l'égayer. Vous pouvez à ce propos consulter mon article sur Changer les couleurs des textes

En HTML, les codes couleurs sont sous cette forme :

Le sigle # suivi de 3 ou 6 chiffres et/ou lettres

Ce qui donne des codes assez difficiles à retenir !

On a donc souvent besoin de se référer à une palette de couleurs.

Un petit gadget très pratique chez Google, pour définir vos couleurs et obtenir directement leur code HTML.

null

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

14 février 2013 4 14 /02 /février /2013 10:27

Ecrire en langage HTML / édition avancée

1. Le langage HTML

Comme vous le savez surement, pour ajouter des gadgets, faire des effets, personnaliser le style de votre blog, vous avez parfois besoin de passer en mode avancé, afin de recopier du langage HTML

Un petit rappel sur l'HTML ici : HTML, c'est quoi ?

2. Le mode avancé chez Over-blog

Si vous écrivez ou recopiez du langage HTML, pour que votre ordinateur vous comprenne, il vous faut le lui indiquer.

Sur Over-blog, il suffit d'un clic sur l'onglet "édition avancée" lors de la préparation d'un article.

Ensuite, encore un clic sur le bouton HTML "Editer le code source HTML" tout à gauche dans le menu.

3 Astuce pour vérifier que vous êtes bien en "édition avancée, mode HTML"

J'ai eu l'idée de cette petite astuce toute simple, suite à de nombreuses questions de votre part, concernant le mode avancé et/ou des codes HTML qui ne "fonctionnent pas".

Si, en allant sur votre blog, comme un visiteur lambda, vous voyez votre code, à la place de ce qu'il est censé faire, c'est que vous ne l'avez pas copié en étant en "édition avancée, HTML, mais comme du texte simple.

Un exemple ici : Je vous offre l'heure, avec cette horloge :

Si, à sa place, vous voyez :

C'est que ce code a été recopié en édition basique, mais pas en mode avancé, édition HTML.

Partager cet article

Repost0

Published by Aurelie - dans Petites astuces
commenter cet article …

1 2 3 > >>

Comment intégrer "Lire la suite" pour éviter de surcharger un article

Outil pour vérifier que vos liens fonctionnent !

Hébergeur d'images gratuit

Augmenter votre audience, attirer de nouveaux visiteurs

Dictionnaire Anglais / français des mots de l'internet (A à F)

Les raccourcis clavier à connaitre : copier, coller, vider le cache

Ne pas nuire au référencement des liens sur les moteurs de recherche

Astuce pour vos liens hypertextes

Définir le code HTML de ses couleurs préférées

Ecrire en langage HTML / édition avancée

Présentation

Vous Cherchez Quoi ?

Recherche

Bienvenue !

Mon logo sur votre site

Articles Récents

Pages

Date du jour

Catégories

Géolocalisation

Les Blogs Amis

Inscrivez-vous sur mon album !
		villes de france.		faireunblog

Présentation

Vous Cherchez Quoi ?

Recherche

Bienvenue !

Mon logo sur votre site

Articles Récents

Pages

Date du jour

Catégories

Géolocalisation

Recevoir Mes Articles Par Mail

Les Blogs Amis