Как настроить форму комментирования Blogger

Автор Damir-Tote. Опубликовано в Блог, Все о Блогспот

            В сегодняшнем руководстве, как настроить форму комментирования Blogger является достаточно востребованной, особенно тем, кто любит форму комментирования Blogger и не хотят менять ее на другую. Для некоторых шаблонов настройка формы комментирования затруднена, но невозможное возможно, только для начала стоит сделать аудит юзабилити сайта и посмотреть, что будет лучше всего подходить.
 
            Вот несколько возможных примеров формы комментирования Blogger.
Как настроить форму комментирования Blogger
Как настроить форму комментирования Blogger
Как настроить форму комментирования Blogger
Как настроить форму комментирования Blogger
Как настроить форму комментирования Blogger

 

            А теперь узнаем, как настраивать Blogger в соответствии форм, которым вы отдаете свое предпочтение.
 
            Настройка формы комментирования в Blogger
 
            Выполняем следующие изменения в шаблоне блога, не забудьте перед внесением изменений сохранить шаблон. Заходим изменить HTML, ставим галочку расширить шаблоны виджета в правом верхнем углу и с помощью поиска Ctrl+F находим код:
 
<div class=’comment-form’>
 
            Заменить этот код с кодом ниже:
 
<div id=’mbt-form’>
 
            Теперь находим в шаблоне следующий код:

]]></b:skin>

            И перед ним вставляем следующий стиль CSS:

#mbt-form iframe{

background:#ffffffurl(http://3.bp.blogspot.com/_7wsQzULWIwo/Sx1aCAx_44I/AAAAAAAACeo/HZz8QQT0etM/s400/plz-do-not-spam1.gif) no-repeat bottom right;

border:7px solid #C7C7C7;

padding:5px; font:normal 12pt «ms sans serif», Arial; color:#7EB2AC; width:450px; }

#mbt-form iframe:hover{

background:#ffffffurl(http://1.bp.blogspot.com/_7wsQzULWIwo/Sx1Zs5rasXI/AAAAAAAACeg/0fBam5AkHS0/s400/plz-do-not-spam2.gif) no-repeat bottom right; border:7px solid #7EB2AC;

 }

#mbt-form a{

color:#7EB2AC;

 }

            Сохраните шаблон и просмотрите, что у Вас получилось.
 
            Теперь давайте настроим форму комментариев с помощью направлений CSS кода, для того, чтобы настроить Ваши комментарии Blogger в зависимости Ваших предпочтений.
 
            Существует 3 важных элемента.
 
1. #mbt-form iframe
2. #mbt-form iframe:hover
3. #mbt-form a
 
            Подробности для каждого элемента.
 
1.Настройка активного режима.

#mbt-form iframe

            Эта часть кода отвечает за активные действия комментария. Она включает в себя следующие свойства стиля, которые отвечают за цвет фона, фоновое изображение и изображение фона позиции.
 
#ffffff – цвет фона, вы его можете изменить на свое
url – это url для фонового изображения, можете его изменить на свой.
bottom right – определяет позицию фонового изображения.
 
Border – свойство CSS определяет границу размера и ширины, стиль и цвет комментирования.
Border – размер 7 пикселей
Border – можно выбрать стили: solid, dotted и dashed.
Border – используйте разные цвета CSS.
 
            Также и с другими стилями CSS.
 
2. Внешний вид формы комментирования путем CSS.

#mbt-form iframe:hover

            Он имеет те же настройки фона и границы, что и в первом варианте. Установка этих свойств CSS будет давать эффект появления изображения при наведении курсора мыши.
 
3. Настройки соединения цветов.

#mbt-form a

            Эта часть стиля определяет цвет фона на ссылки «выйти» и «подписаться по электронной почте».
 
            Вот и все! Я надеюсь эта статья Вам поможет изменить вашу форму комментирования в лучшую сторону. 

Трекбэк с Вашего сайта.