|
|
|
|
|
|
 |
|
|
.gif "Translate to English"){kind=small}
Bienvenue !
Ce blog a pour objet de vous aider à faire votre
propre blog. 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 questions, afin que je puisse vous aider.
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 Nouveau
|
|
Dans vos articles, pour aérer un peu votre texte, il peut être utile de mettre un séparateur, ou trait
horizontal.
Voici une façon de faire des traits personnalisés :
1. Balise barre horizontale :
Vous allez utiliser la balise hr, qui définit une barre horizontale.
Vous allez y ajouter des paramètres, pour la personnaliser un peu :
|
Paramètres |
définition |
| width |
largeur de la barre, en pixels ou en % de la largeur de votre page |
| height | hauteur de la barre, en pixels |
| background | fond de la barre |
2. Exemples de séparateur horizontal (non animé) :
<hr style="width: 50%; height: 3px;
background:#BCA58F; border-color:#FFFF33;"/ >
<hr style="width: 70%; background: #339966; height: 10px; border-color: #339966;" />
3. Séparateur horizontal animé
:
Si vous voulez insérer une ligne animée, allez voir l'article sur les gifs animés.
Vous en trouverez beaucoup sur le site de QUIGIF, ICI., comme celui ci-dessous
.gif){kind=small}
Code HTML du séparateur horizontal animé "pieds" :
<p><img height="46" width="646" src="http://www.quigif.com/images_gifs/webmasters/lignes/lignes%20(29).gif" class="CtreTexte" /></p>
|
.gif)
|
 
|
|
Publié dans : Personnaliser son site
-
Communauté : partage
Ecrire un commentaire - Voir les 10 commentaires
Ecrire un commentaire - Voir les 10 commentaires
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" :
<p> <span style="font-size: 8pt;"><em><span style="color: #0000ff;"><a href="http://faireunblog.over-blog.com/article-comment-integrer-lire-la-suite-pour-eviter-de-surcharger-un-article-70674615.html"><span style="font-size:
8pt;"><em><span style="color: #0000ff;">Lire la
suite...</span></em></span> </a></span></em></span><span style="font-size: 8pt;"><em><span style="font-family: comic sans
ms,sans-serif; color: #0000ff;"> </span></em></span> </p>
<p> </p>
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...
|
|
|
|
|
|
Publié dans : Petites astuces
-
Communauté : Astuces & Gadgets de blog
Ecrire un commentaire - Voir les 7 commentaires
Ecrire un commentaire - Voir les 7 commentaires
WARFARE 1917 : Déploie tes hommes et mets en place une tactique pour contrer l'ennemi.
Manuel : Se joue avec la souris.
A toi de jouer !
Comment installer le jeu "Warfare 1917" sur ton site/blog
Voici le code :
<div id="pGame" style="height: 368px;">
<div id="pGameContener" style="width: 700px; height: 368px;">
<script type="text/javascript">// <![CDATA[
AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','100%','height','100%','src','http://data.goplay.fr/output/game/2787_af473','quality','high','menu','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','http://data.goplay.fr/output/game/2787_af473');
// ]]></script>
<object type="application/x-shockwave-flash" data="http://data.goplay.fr/output/game/2787_af473.swf" height="100%"
width="100%">
<param name="data" value="http://data.goplay.fr/output/game/2787_af473.swf" />
<param name="Movie" value="http://data.goplay.fr/output/game/2787_af473.swf" />
<param name="Src" value="http://data.goplay.fr/output/game/2787_af473.swf" />
<param name="WMode" value="Window" />
<param name="Play" value="0" />
<param name="Loop" value="-1" />
<param name="Quality" value="Medium" />
<param name="Menu" value="0" />
<param name="Scale" value="ShowAll" />
<param name="DeviceFont" value="0" />
<param name="EmbedMovie" value="0" />
<param name="SeamlessTabbing" value="1" />
<param name="Profile" value="0" />
<param name="ProfilePort" value="0" />
<param name="AllowNetworking" value="all" />
<param name="AllowFullScreen" value="false" />
<param name="src" value="http://data.goplay.fr/output/game/2787_af473.swf" />
<param name="quality" value="high" />
</object>
<noscript></noscript></div>
</div>
<p id="pGameAddFav"><span id="textAddFav"> </span></p>
<p> </p>
A relire aussi
S'amuser en faisant des mathématiques
Un petit animal qui se balade sur votre écran
|
|
|
|
|
|
Publié dans : Jeux
-
Communauté : VOTRE ACTUALITE A LA UNE !
Ecrire un commentaire - Voir les 2 commentaires
Ecrire un commentaire - Voir les 2 commentaires
À lire aussi…
Recherche & Don
Loading
Présentation
- : Faire un blog
- : decoration photo blog video aide Hi Tech
- : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
- Partager ce blog
- Retour à la page d'accueil
- Contact
Pages
- INDEX des articles de "Faire un Blog"
- 5 articles à lire pour démarrer votre blog
- Initiation au langage HTML
- Plein de GADGETS pour votre blog
- Tout pour modifier et embellir vos TEXTES
- Tout savoir sur les IMAGES dans votre blog
- Votre blog ne ressemblera pas aux autres
- Des ASTUCES !
- Référencements et indexations
- Les SITES CITES dans mes articles
- TOP LISTE de "Faire un blog" : vos blogs référencés ici
- Des JEUX pour votre blog
Articles récents
- Mettre un séparateur horizontal dans un article/billet
- Comment intégrer "Lire la suite" pour éviter de surcharger un article
- Joue à Warfare 1917 ici et installe le jeu sur ton site
- Des photos gratuites pour fonds d'écran d'ordi ou de mobile
- Afficher le saint du jour sur son blog/site
- Faire une photo dédicace gratuite
- Un blog, un arbre planté !
- Blog zéro carbone, initiative écolo
- Connaître son "Page Rank" ou PR chez Google
- Bulletin enneigement de votre station de ski préférée
Catégories
- Gadget à blogs (64)
- Pour bien débuter (7)
- HTML (11)
- Les textes (18)
- Les images (80)
- Personnaliser son site (47)
- Petites astuces (22)
- Referencement, indexation (9)
- Jeux (30)
Les blogs amis
Recommander
Mes Tags
défiler vos images
sont ICI Accueil Un
blog, c'est quoi : définition, petit historique, comment faire son blog Site de personnalisation d'images, de messages Vos images qui défilent comme
un diaporama HTML défiler vos textes sont ICI
Le défilement avec la
balise Marquee Votre
message dans un feu d'artifice ! Index des
articles Définir le code HTML de ses couleurs préférées Astuce pour vos liens hypertextes
Petites astuces partage Mettre des liens en texte Faire tomber des
objets en fond d'article sur votre blog Agrandir une photo au clic liste complète Se faire une signature
scintillante animée
Créer un Blog
Géolocalisation
Syndication
|
faireunblog |
|
|
|
|
|
|||||
|
|
 Faire un blog |
ref multi-annuaires: Annuaire Automatique - Annuaire Categorille - Annuaire Andrimont - Annuaire ci-dessus - ensival belgique | Votez pour ce site au Weborama |
|
|
Derniers Commentaires