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
Changer le Fond couleur les marges, date, avatar, texte etc.. Commentaires dans la colonne Gestion des commentaires
Separateur GIF entres les Commentaires Lien cliquable dans les commentaires
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






Icone en côter des noms/avatars dans les commentaires




Theme/Personaliser/Avancé/CSS

=========CODE=============

 #comments h4 {


display:inline;


line-height:30px;


padding:50px;


}

#comments h4,.comments .continue a {

line-height: 50px;

margin: 0;

padding: 10px 0 10px 10px;

font-size: 19px!important;

text-transform: capitalize;

font-weight: 400!important;

color: #306cde;

}

.comments .user a {

color: #d97bb2!important;

font-size: 18px;

line-height: 25px;

text-transform: capitalize;

margin-top: 20px;

font-weight: 600;

padding-left: 15px;

}


.comments .comments-content .datetime {

cursor: pointer;

float: right;

padding-top: 5px;

padding-right: 22px;

}


.icon.user {


background: url(URL DE L'IMAGE ) no-repeat;

height: 35px;

width: 35px;

display: inline-block;

margin: 0 0 -5px 5px;


}

 =====OU ===(simple)=======CODE CSS =============



.icon.user {



background: url(URL DE L'IMAGE ) no-repeat;


height: 50px;


width: 50px;


display: inline-block;


margin: 0 0 -5px 5px;

}

========= Note =======

.comments .user a { color: #??????!imp..  (c'est la couleur du nom du visiteur vous pouvez changer la taille et police d'écriture dans cette section)

#comments h4,.comments .continue a {  (couleur et police ecriture du titre du mot commentaire et la taille)

background: url(URL DE L'IMAGE) sa vous prend une mini image comme une icone tres petite pas plus que 40x40 ou 50x50 max .


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





Vous pouvez en trouver ici 

https://www.glitter-graphics.com/

https://www.veryicon.com/icons/188

21 commentaires:

  1. Je suis Lily l amie de Monia pourrais tu m aider pour la pose des images mes PNG arrivent tout juste en JPEG et cela me deplait puisque j ai travaille de beaux PNG et que je puis les passer, me permets tu de te mettre en ADMINISTRATRICE et de te demander de corriger mon blog car c est pareil je voudrais mettre un pied de page et je n u=y arrive pas c est la ridicule petite image du bas qui est en fait mon header , ecoute je vais te mettre si toutefois tu acceptes tu y vas sinon n aie crainte je suis une fille cool 76 ans j ai un cancer et j aime la paix tu peux demander à tout le monde à Monia, thalia , Joe je les connais depuis des années
    Merci à toi tu as fait un magnifique blog à mon amie Sissi que je connait depuis longtemps et à qui je telephone souvent, bravo change ce que tu veux par contre je tiens à mon header
    Merci et belle journée à toi

    RépondreEffacer
  2. Coucou
    Je ne sais pas si ça a fonctionné chez moi , je ne vois pas la différence , j'ai certainement pas bien fait quelques choses !
    Très bonne journée
    Bisous

    RépondreEffacer
    Réponses
    1. As tu mis un URL de l'image? c,est peut etre la raison sa pas fonctionner.

      Effacer
  3. coucou c'est vraiment une mine d'or ton blog astuces, une petite question j'ai mis une image pour le titre et forme mais je n'arrive pas à trouver la formule pour centrer le titre par rapport à la hauteur du cadre haut et bas, car il est sur la barre base du cadrre et c'est pas le top - bon je pense que là je vais me coucher de bonne heure bisous Annick50

    RépondreEffacer
  4. J'ai pas toute a faitement compris tu parle de l'image en coté du nom?

    RépondreEffacer
  5. Re Kikou gentille Sorcière Corbeau
    Comme le dit Annick c'est une mine d'or ton blog astuces pour Blogger, j'ai mis un petit avatar CHAT aimant les chats et cela a un très beau rendu maintenant les commentaires sont bien plus lisibles, bien séparés. Alors encore mille mercis pour tes précieuses aides.
    Bisous d'une Lorraine métro sur une île intense la Réunion.

    RépondreEffacer
  6. BONJOUR
    je viens de chez françoise Réunion
    je vous remercie de donner des conseils , j 'ai un blog blogger que je viens de reprendre
    mais je tâtonne vraiment , beaucoup de choses à voir ou revoir
    je vais étudier vos solutions avec plaisir et essayer de m 'améliorer
    m 'inscrire aussi à votre blog

    bonne journée
    kénavo

    RépondreEffacer
  7. bonjour
    je lit les astuces que tu nous présentes mais ne sait pas m' en servir
    mais je te remercie de ce travail supplémentaire

    je reçois trés bien les notifications de nouveaux articles
    kénavo

    RépondreEffacer
  8. Bonsoir Sorcière Corbeau,
    Merci beaucoup pour ta super astuce, je m'en suis servie et elle fonctionne bien !
    C'est très pratique, c'est un plus à la déco, merci pour tes partages utiles !
    Bon weekend, joli mois d'Août,
    Bisous Stéphanie.

    RépondreEffacer
    Réponses
    1. Super!! Bon dimanche desolée jai été debordée a repondre et aider . Bisous

      Effacer
  9. Coucou chez l'hébergeur quel lien de l'image doit on prendre il y en a plusieurs ??

    RépondreEffacer
    Réponses
    1. Ce commentaire a été supprimé par l'auteur.

      Effacer
    2. celio commencant part https://....... gif le lien original

      Effacer
    3. Hello ! Le code fonctionne pour couleur et ecriture mais il ne prends pas mon image, j'ai essayé plusieurs url et rien du tout. La petite etoile que j'ai mis en url ne s'affiche pas a cote du nom est ce que j'ai mal fait qque chose? j'ai bien copié tout le code, j'ai mis les couleurs que je voulais, et url mais elle s'affiche pas

      Effacer
    4. Alors j'ai réussi mais l'image ne s'affiche pas entièrement !il n'y a que la moitié du cœur ailé que j'ai pris chez toi

      Effacer
  10. peut etre doit on agrandir quelque chose dans le code pour qu'on voit l'image entiere ? Mais je ne sais pas quoi ? quand tu aura sle temps va voir sur mon blog aide ce que ca fait. Bisous en attendant je laisse comme ça

    RépondreEffacer
    Réponses
    1. oui jy vais de ce pas. Certains hebergeur donne le choix image reduit

      Effacer
    2. background: url(URL DE L'IMAGE ) no-repeat;
      height: 35px;
      width: 35px; cest la taille ton icone le mien origine est 32x32 faut pas sa soit gros pour ca le mot icone

      Effacer
  11. oui tu peux l'angrandir un peu essais 40x40px sinon ajoute 5 de plus

    RépondreEffacer
  12. Sorcière Corbeau,
    J'ai rien compris pour mettre en place ce petit icone ???

    RépondreEffacer
    Réponses
    1. Je tai tous expliquer par mail tu peux pas rater ca. TU heberge l'image comme expliquer ton papillon tu prend le code comme je tai montrer et ce code tu dois l'inserer dans code de icone en coter avatar dans la partie URL de L'IMAGE. tu selectionne tous le code et tu va sle coller dans la section pour le CSS ( Theme / Personaliser/Avancer tu deroule jusqu'en bas le menu sur Ajouter FICHIER CSS et tu met le code la. Clique sur la disquette en bas a droite et cest tous. VOila.

      Effacer

== 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