Informations, conseils et avertissements dans un blog de blogueur professionnel

Fournir de nouvelles informations, des conseils utiles et des alertes aux problèmes est la compétence de la blogosphère Champ d'information . Chaque blogueur est toujours à la recherche pour chaque nouveau utile et exclusif pour la participation sur les blogs, le contenu peut être une information ou des conseils pour les blogueurs ou Nhazirat quelques problèmes. Et la leçon d'aujourd'hui est d'ajouter une nouvelle et professionnelle vous permet de développer un cadre dans une collines professionnellement choix « des informations, des conseils ou des avertissements » sont plus splendides.

Comment ajouter une extension aux blogs et sites Web

Nous nous dirigeons d'abord vers le panneau de configuration >>>> modèle.

Ensuite, modifiez le code HTML et recherchez

]]></b:skin> 

Si vous êtes disponible sur Blog en arabe Ajoutez le code suivant avant le tag ]]>

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px;
 margin: 5px 0;
 text-align: right;
 padding-right: 50px ;
}
.info {
 background:
 #e0e5eb
 url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png')
 no-repeat right;
 color: #222;
}
.tips {
 background:
 #7CADDE
 url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png')
 no-repeat right;
 color: #fff;
}
.warning {
 background:
 #db6161
 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png')
 no-repeat right;
 color: #fff;
}

Si votre blog est bAnglais ou toute autre langue étrangère Ajoutez le code suivant au dessus de la balise    ]]>

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background:
 #e0e5eb
 url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png')
 no-repeat 12px 8px;
 color: #222
}
.tips {
 background:
 #7CADDE
 url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png')
 no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background:
 #db6161
 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png')
 no-repeat 12px 8px;
 color: #fff;
}

De plus, si vous souhaitez ajouter la classe pour "information" alors ajoutez le code suivant (écrivez le code en mode HTML)

<div class='info'>
يمكنك تغيير هذا النص بما تريده !!
</div>

Ajouter l'élément pour "Astuces" Ajouter le code suivant (Ecrire du code en mode HTML)

<div class='tips'>
يمكنك تغيير هذا النص بما تريده !!
</div>

Ajout de l'élément pour "Avertissement" Ajouter le code suivant en mode HTML

 <div class='warning'>
يمكنك تغيير هذا النص بما تريده !!
</div>

J'espère que l'addenda vous sera bénéfique, ne lisez pas et quittez.