Ouvrez un navigateur Web. Allez sur le site Blogger sur Blogger.com. Saisissez votre email et votre mot de passe. Cliquez sur le gris "Connexion" pour aller à la page "tableau de bord".
Cliquez sur le lien bleu "Design" pour aller à la page "Design". Cliquez sur "Modifier le code HTML" pour aller à la page "Modifier le modèle".
Faites défiler jusqu'à la section dans le modèle HTML où vous voulez ajouter l'ombre portée. Par exemple, vous voulez ajouter au corps principal. Le codage ressemble à ceci:
body {
fontes: $ (body.font);
couleur: $ (body.text.color);
fond: $ (body.background);
}
Ajouter une ligne à la dernière ligne de codage juste au-dessus du support final. Tapez "box-shadow:" dans cet espace. Pour cet exemple, il ressemble à ceci:
body {
fontes: $ (body.font);
couleur: $ (body.text.color);
fond: $ (body.background);
box-shadow:
}
Ajouter le rembourrage zone d'ombre, en pixels à la "box-shadow -moz:" la valeur. Le premier nombre est pour l'ombre horizontale et le second est pour l'ombre verticale. Pour l'exemple, il ressemble à ceci:
body {
fontes: $ (body.font);
couleur: $ (body.text.color);
fond: $ (body.background);
box-shadow: 10px 10px
}
Ajouter de la couleur de l'ombre portée, avec un signe "#" en face d'elle comme avec toute autre valeur de couleur. Fermez la valeur avec un point-virgule. Pour cet exemple, il ressemble à ceci:
body {
fontes: $ (body.font);
couleur: $ (body.text.color);
fond: $ (body.background);
box-shadow: 10px 10px # 888888;
}
Cliquez sur le bouton orange "Enregistrer le modèle". Cliquez sur le lien "Afficher le Blog" pour montrer l'ombre portée.