Информация, советы и предупреждения в профессиональных рамках в блогах блоггеров

Предоставление новой информации, полезных советов и предупреждений о проблемах - это специальность блогеров на Информатика . Каждый блоггер всегда ищет что-то новое, полезное и эксклюзивное, чтобы поделиться этим в блогах. Это может быть информация, советы для блоггеров или предупреждения о некоторых проблемах. И сегодняшний урок - это новое профессиональное дополнение, которое позволяет вам более чудесным образом поместить профессиональную основу в один из трех вариантов «информация, советы или предупреждения».

Информация, советы и предупреждения в профессиональных рамках в блогах блоггеров Как добавить плагин в блоги и на сайты

Сначала заходим в Панель управления >>>> Шаблон.

Затем отредактируйте HTML и найдите

]]></b:skin>


Если у вас есть Блог на арабском языке Он добавил следующий код перед тегом ]]>

.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;
}

Что, если ваш блогАнглийский или любой другой иностранный язык Добавьте следующий код над тегом    ]]>

.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;
}

Более того, если вы хотите добавить класс «информация», добавьте следующий код (написание кода в режиме HTML)

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

Добавьте класс для «Советы». Добавьте следующий код (написание кода в режиме HTML)

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

Добавьте класс для «Предупреждение». Добавьте следующий код в режиме HTML.


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

Надеюсь, дополнение вам поможет, не читайте и не оставляйте.

  . ^ _ ^.

Перейти к верхней кнопке