Bienvenue chers visiteurs dans mon Univers des Astuces Bloggers

Bonjour ou Bonsoir!

J'ai ajouter juste en-bas un tableau pour faciliter les recherches d'astuces pour vous et pour moi aussi.* Prenez note que l'installation de kits j'en accepterais plu. Vous pouvez consulter le blog d'astuces comme vous le souhaitez 24h sur 24.* Un petit rappel quand vous voulez tester des trucs assurez vous de faire une sauvegarde et même prendre des notes surtout si vous manipulez dans Modifier HTML noter la ligne par prudence copier le code que vous enlever et coller dans un notepad si jamais vous devez remettre le code vous allez pouvoir corriger.* Bonne lecture !


BASE
URL des articles Ajout du CSS Creer livre d'Or
Sauvegarder le theme Creer des catégories Creer un Onglet
Creer une page Suppr la Mise en Forme d'un texte ( copier/coller)

Montage de blog de base
Creer Liste d'amies ou Autres

Flux Rss

Recents Articles

URL de L'image / Heberger une Image
NOUVEAUTÉ
Image en Html avec ou sans bordure
NOUVEAUTÉ

BORDURES & Coins Arrondis
Bordures en dessous des commentaires Bordures Verticales entre les articles et colonnes Coins Arrondis
Bordures autour des titres d'Articles Bordures entres les gadgets  Coins Arrondis sur des images
Supprimer la Bordure Noir autour des images (shadow) Supprimer une grande bordure (bande) ombre portée ou degradé en dessous de la bannieree et le pied page Encadrement avec Bordures

Bordures de titre de Gadgets avec arriere plan

BOUTONS
Bouton Deco des commentaires Bouton, Banniere, Image Cliquable (1ere partie) Bouton Entete de page
Bouton Mailto Bouton Reponse dans les commantaires Onglet de liens Coulissant

CENTRER
Centrer Banniere Entete Centrer le texte des articles Centrer le titre des articles
Centrer le texte de l'onglet et Gadgets  Centrer le texte des commentaires Centrer le titre des menus onglet
Centrer une image dans les gadgets Centrer des images identiques Centrer la date des articles




COMMENTAIRES
Arriere Plan avec texture ou Glitters GIF pour les commentaires  Deco pour commentaire Centrer Le texte des commentaires
Bouton Reponse  Bordures en dessous des commentaires Changer la couleur du texte et la taille du texte
Fond, bordures, les marges, date, avatar, texte etc.. Commentaires dans la colonne Gestion des commentaires
Separateur GIF entres les Commentaires Lien cliquable dans les commentaires Inserer des emojis
TEXTES
Ajouter Police d'écriture Espacement entre les textes Texte qui defile 
Texte Arc-en-ciel Centrer le texte des commentaires Changer la taille du texte dans les Gadgets

Texte defilant dans la barre en haut navigation Centrer le texte des articles

Centrer le texte dans l'onglet






DECO
Puce de liens Remplacer le Favicon Avatars Rondes
Boutons Deco Entete de page Faire bouger un GIF Curseur Etoiles Filantes
Bouton Deco Commentaires Des Bulles Curseur avec des coeurs
Lumiere de Noel

Deco de chaque coté 

Effet de Neige 1

Barre Accueil Curseur qui suit la souris Fleches Haut & Bas
Effet de Neige 2

Decompte de Noel

Icone en coter de l' avatar
Follower Personalisable
NOUVEAUTÉ


AUTRES
Scrollbar avec des liens Supprimer Atom Creer une Annexe ou site
Scrollbar Retirer option partager Page Profil
Page d'Accueil Espacement Haut et bas Banniere entete Espacement des articles  entre titre et la date 
Musique Autoplay Heberger vos Images chez DRIVE Mot de Passe sur un Fichier Zip
Tableau Liste 1 colonne

Marges entres les Gadgets

ARRIERE PLAN + IMAGES
Arriere Plan Central  Arriere Plan des titres de Gadget Diaporama
Arriere Plan des commentaires Arriere Plan Barre Accueil en Bas Fond d'Article
Banniere, Image, bouton  Cliquable (2e partie)

Afficher vos Creations en HTML5


AIDES  BLOG
Ghislaine   Maryse 



 KITS DESIGNS & HTML
Cadres HTML + chez Dalila Deco Blog chez Maryse  Horloges et Calendrier chez Criniere
Deco Blog AngePB

Effets de Pluie plusieurs modele code html

Les Horloges de Thalia






Ajout CSS

**********************

Code CSS  ( Tableau de bord/Theme/ Personaliser /Avancé/ 

déroule le menu  jusqu'à Ajouter le fichier CSS

 et maintenant entre les codes et laisser un espace pour chaque code ajouter.


** CODES CSS **


Centrer le texte des titres des articles

.post-title {

  float: none;

  text-align: center;

}

ou

h3.post-title, .post-title { text-align: center; }

==============

Titre des menus onglets

.sidebar .widget h2, .title {text-align:center;} 

==================================

Centrer le texte de l'index (onglet)

.PageList {text-align:center !important;} 

.PageList li {display:inline !important; float:none !important;}

====================================

Centrer texte des onglets

.widget {

  text-align: center;

============

Banniere entete

.header-widget {
text-align: center;
}
===================

Centrer le texte des articles

.post-body {
text-align: center;
}

38 commentaires:

  1. Merci cela va me servir ;car je n 'ai pas apres avancer le css

    RépondreEffacer
  2. merci beaucoup pour tes explications, justement je voulais mettre du CSS , mais j'ai un soucis, quand je clique sur "avancé", je n'ai pas la même configuration que toi, je n'ai pas "ajouter le fichier CSS" çà m'ouvre une fenêtre "corps du texte" "arrière plan", "liens" "titres du blog" c'est juste pour changer les couleurs et l'écriture ! C'est un mystère !

    RépondreEffacer
    Réponses
    1. Comme AngePB a dit faut derouler desolée j'avais pas vue ce message

      Effacer
  3. Bonjour Janine, Je crois que tu ne déroules pas complétement le scroll avancé. "ajouter le fichier CSS" se trouve en dernier. Moi aussi je faisais comme toi et je ne trouvais pas mais il y a bien ajouter du CSS sur tous les thèmes. Bonne journée

    RépondreEffacer
  4. rhooo ! merci beaucoup AngePB et Sorcière Corbeau, en effet, je n'avais pas déroulé le scroll en entier, pfff ! Belle fin de journée à toutes les deux, gros bisous ! Janine

    RépondreEffacer
  5. Re moi ! Super top la aussi ces codes ! Mille Mercis c'est génial !
    Je donnais des conseils et codes sur ekla moi aussi et je sais le travail que c'est alors BRAVO !
    MERCIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

    RépondreEffacer
  6. Dis moi j'ai une question j'ai cherché un peu partout dans l'aide mais pas trouver comment on peut centrer le titre des gadgets ça fait pas beau à gauche je trouve ont à un peu des goûts de luxe quand on vient d'eklablog lol merci à toi par avance bisous

    RépondreEffacer
  7. Hello ! Tout est bien centré sur mon blog sauf la date de larticle dans un de mes blog ! As tu une solution ? Merci par avance car je te vois bien sollicitée.. Bises amicales

    RépondreEffacer
  8. C'est bon j'ai trouvé ! J'avais oublié un petit bout dans le ccs ! Bises

    RépondreEffacer
    Réponses
    1. Désolée, j'ai été très occupée aujourd'hui toute la journée. Tant mieux si tu as trouvé. C'est ce code ci .date-header {
      text-align:center;
      }

      Effacer
  9. Waouhhhhh ! Super ! J'ai pu recentrer tout ce que je voulais et mettre l'écart de ligne à mon goût ! MERCI ! Bises

    RépondreEffacer
  10. petit coucou à toi mille merci j'ai réussie à centrer le titre de mes widgets, par contre est ce que tu sais comment ont peut mettre une image à la place du titre dans les widgets j'ai cherché et pas trouver il y a pas beaucoup de blogs qui aident ici mille merci à toi par avance bon week-end bisous d'une petitefleur

    RépondreEffacer
    Réponses
    1. Cest de le mettre en Gadget IMAGE C'est ca l'astuce lol.

      Effacer
    2. ok d'accord merci beaucoup, j'ai essayé vefblog avant de venir ici mais trop compliqué pour moi donc j'ai supprimer, j'étais sur sky avant eklablog mais ici c'est plus simple que ekla je trouve je ramai grave au début sur ekla l'an dernier encore merci à toi d'être là bon 14 juillet bisous

      Effacer
    3. Vefblog beaucoup etait la avant eklabog existe mais Vefblog a dit a ceux qui faisais du graphisme d'arreter poster des articles images et tubes et sa faite fuire beaucoup de monde apres ce message. Vef est juste pour ceux qui aime faire de l'ecriture et la photographie ou passion artisanat genre la .

      Effacer
  11. Bonjour
    Dis moi comment faire pour centrer les commentaires de mes blogs
    Merci d'avance
    Bonne journée
    Sylvie

    RépondreEffacer
  12. Dans Tableau de bord< Parametres> Commentaires> Emplacement de commentaire> Integré et vous enregistrer voila

    RépondreEffacer
  13. coucou j'ai trouve la
    merci ma belle
    gros bisous
    Elyci

    RépondreEffacer
  14. Coucou ma bien aimée
    comment je centre commentaires
    j'ai pas trouvé, tu me diras
    bisous ma doucette
    et belle journée
    Elyci

    RépondreEffacer
    Réponses
    1. Elyci j'ai trouver et plus encore cest cool je m'amuse beaucoup dans html et css lol.

      Effacer
  15. Réponses
    1. Tu as le meme commentaire intégré comme moi qui veut dire les commentaire s'affiche ici au lieu un onglet a part. Pour centrer le texte je vais voir si ont peut . J'ai pas fait de test la dessus.

      Effacer
    2. Ce commentaire a été supprimé par l'auteur.

      Effacer
  16. Bonjour ma belle
    mes onglets sont plus centrés
    comment je fais
    bisous ma douce
    Elyci

    RépondreEffacer
  17. Juste un petite coucou à toi pour te souhaiter un excellent week-end!
    Merci pour ta gentillesse à l'égard de toutes et tous et de ta patience
    Gros bisous et beau samedi

    RépondreEffacer
  18. c'est bizarre il marche pas centrer les titres d'articles en css , peut être que je le copie mal, bon Lundi a toi

    RépondreEffacer
    Réponses
    1. Les codes fonctionnes mais si pour toi fonctionne pas est fort probable quil sont garder deja en memoire dans le HTML Modifier faut le supprimer et recommencer a refaire l'etape du tuto, Bon lundi

      Effacer
  19. Merci beaucoup pour ce tuto, j'ai cherché un peu pour trouver le Css mais une fois trouver c'est facile et ça fonctionne très bien
    bonne journée

    RépondreEffacer
  20. j'ai un blog test j'ai testé ce que tu dis . Hélas je ne trouve pas pour mettre le CSS

    RépondreEffacer
    Réponses
    1. Salut! Faut pas tu oublies derouler l'onglet le CSS en bas du menu.

      Effacer
  21. juste une petite note: je me suis aperçue que mon Css disparaissait, mais si je mets ceci au début /*titre juste pour moi*/ il reste bien en place. Grand merci Sorcière ça m'aide beaucoup ton blog, bisous

    RépondreEffacer
    Réponses
    1. Oui cest normal quil disparait du Fichier CSS , il ce transfers dans le HTML MODIFIER apres un certains temps. Mettre /* va pareil disparaitre avec le temp. PLus que tu en ajouteplus quil ce transfers la. Tu es Huguette du Quebec? Bonne soiree bisous

      Effacer
  22. Coucou ma douceur
    Ma douce amie je te souhaite une bonne journée, prends bien soin de toi .
    Mille doux bisous du ♥

    RépondreEffacer

== EMOJIS === Faite un Copier>coller ===😀😁😂😃😄😅😆😇😈😉😊😋😌😍😎😏😐😑😒😓😔😕😖😗😘😙😛😚😜😝😞😟😠😡😢😣😤😥😦😧😨😩😪😫😬😶😵😴😳😲😱😰😯😮😭😷😸😹😺😻😼😽😾😿🙀🙅🙆🙇🙈🙉🙊🙌🙏☝✊✋✌❤👀👂👃👄👎👍👌👋👊👉👈👇👆👅👏👐👤👥👮👭👬👶👷👸👹👺👻👼👽👾👿💏💋💇💆💀💓💔💕💖💗💘💙💚💛💜💨💧💦💥💤💣💟💞💝💩💪💫💬💭☕🌰🌱🌲🌳🌴🌵🌷🌸🌹🍃🍂🍁🍀🌿🌾🌽🌼🌻🌺🍄🍅🍆🍇🍈🍉🍊🍋🍌🍍🍗🍖🍕🍔🍓🍒🍑🍐🍏🍎🍚🍛🍜🍝🍞🍟🍠🍡🍫🍪🍩🍨🍧🍦🍥🍤🍣🍢🍬🍭🍮🍯🍰🍱🍲🍳🍴🍵🐁🐀🎂🍼🍻🍺🍹🍸🍷🐂🐃🐄🐅🐆🐇🐈🐉🐊🐋🐎🐐🐒🐓🐔🐕🐖🐗🐘🐛🐜🐝🐞🐠🐡🐢🐣🐤🐥🐦🐧🐨🐩🐪🐬🐭🐮🐯🐰🐱🐲🐳🐴🐵🐶🐷🐸🐹🐺🐻🐼🐽🐾⌚⌛⏰⏳☎⚓✂✉✏🎀🎁👑👒👓👚👛👜👝👞👟👠👡👢👣💄💉💊💌💍💎💐💠💡💣💮💰💱💲💳💸💺💽💾💿📀📌📍📎📏📐📑📒📓📕📖📗📙📝📞📟📠📡📢📣📤📥📦📧📨📩📫📬📮📯📰📱📵📶📷📹📺📻📼🔋🔌🔑🔒🔔🔕🔖🔗🔦🔧🔨🔫🔬🔭🔮🕐🎃🎄🎅🎈🎉🎊🎋🎌🎍🎎🎓🎤🎥🎦🎧🎨🎩🎪🎫🎬🎭🎮🎯🎰🎱🎲🎳🎵🎶🎷🎸🎹🎺✈🏠🏢🏥🏧💈🗻🗼🗽🗿🚀🚁🚌🚍🚐🚑🚒🚓🚔🚕🚖🚗🚚🚜🚝🚞🚠🚢🚤🚥🚦🚧🚨🚩🚪🚫🚬🚭🚮🚲🚶🚷🚸🚻🚽🚿🛀🛁☀☁☃☂★☆☔⛄⛅⛆⛇⛈✨🌀🌁🌂🌈🌉🌊🌋🌌🌏🌐🌑🌒🌕🌙🌚🌛🌜🌝🌞🌟🌠🔥☑✔✖❌❓❔❕❗💯🔆🔌🔑🔒🔔🔕🔞------------------------
Depôt d'image OU lien dans les commentaires vous devez ajouter ce code pour qu'il soit cliquable et ceci de chaque côter < >
============================
a href="URL"> TITRE OU URL </a