Изменяем ширину формы отправки комментариев

ResizeМало, наверное, среди блоговодов людей, у кого ширина основной ленты блога составляла бы всего 425 пикселей. Тем не менее, именно столько отмерили разработчики стандартных шаблонов Blogger (Blogspot) для формы отправки комментариев. Согласитесь, довольно нелепо смотрится маленькая форма отправки, жмущаяся к левому краю, на фоне самих комментариев, которые как и полагается, растянуты на всю ширину основного столбца.

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

Не можем править? Зато можем написать свое правило, которое будет иметь более высокий приоритет! Всего-то и нужно, что открыть редактор шаблона (Дизайн->Изменить HTML), после чего поместить следующий код в блок, начинающийся с "/* Comments" в шаблоне:
/* Comments
----------------------------------------------- */
.comment-form {
 max-width: 100% !important;
}
В очередной раз подтверждается мысль, что все гениальное просто!

Комментариев: 14

  1. а разве не лучше сразу ставить Disqus на блог? Хотя у этого решения есть один серьезный (для меня, конечно) недостаток. Если добавляешь страницы, то там эта система комментирования не работает. И даже если убрать комментарии со страниц блога, например "Обо мне", все равно остается некрасивая одинокая надпись "Нет комментариев". И как быть? Кому жаловаться?))

    ОтветитьУдалить
    Ответы
    1. У Disqus есть множество положительных моментов. Я их не буду перечислять, поскольку, судя по Вашему вопросу, вы их знаете. Но у Disqus есть один, на мой взгляд жирный минус - комментарии в нем не обсчитываются поисковиками как часть страницы!

      Что нам дает то, что поисковики считают комментарии частью страницы? Думаю, вам известен термин "SEO-оптимизация"?! Так вот, представьте, что у меня кто-то позаимствовал статью и перекопировал к себе в блог. А потом еще кто-то, и еще... Как только поисковик проиндексирует копии, ценность уже моей статьи для поисковой системы снизится, потому что она станет менее уникальной. Комментарии же, воспринимаемые поисковиком как часть страницы, делают статью более уникальной по сравнению с голыми копиями (материал обширнее) - она всегда в поисковой выдаче будет выше копий и в поисковиках мой блог в целом будет выше котироваться.

      P.S. Вы видите, я уже начал работу по изменению оформления родных комментариев. Немножко появится времени и я ее продолжу: сделаю возможность ответа на конкретный комментарий и попробую организовать цитирование. Это немного приблизит по функционалу местные комментарии к Disqus. О том, что получится, будет статья ;-)

      Удалить
  2. Тимофей, Вам надо работать в Гугл. В том отделе, который занимается Блогспотом. Это я серьезно.

    Я не видела ни одного блога о Блогспоте подобного Вашему. В Рунете по крайней мере. Вы так глубоко копаете.

    Вчера искала способ просматривать мобильные версии блога с компьютера, нашла только в буржунете.

    ОтветитьУдалить
    Ответы
    1. Лестно, что Вы меня столь высоко оцениваете. Но не думаю, что мой уровень познаний дотягивает до реальных разработчиков платформы. Просто достаточно обладать некоторой толикой знаний и быть довольно внимательным, чтобы замечать интересные идеи на других сайтах и воплощать их в жизнь у себя.

      А мобильная версия... Получить ссылку на мобильную версию своего блога довольно просто: пройдите по пути Настройки->Электронная почта и мобильные устройства и нажмите кнопку "ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР". В новом окне откроется мобильная версия ;-)

      Удалить
  3. Спасибо! Так и правда лучше! [img]http://r11.imgfast.net/users/1111/19/40/96/smiles/1961494948.gif[/img]

    ОтветитьУдалить
  4. Спасибо!
    Отыскала в своих закладках ссылку на ваше сообщение, и сегодня применила ее.Вначале проверила на тестовых блогах ( с включением на мобильный просмотр и с отключением разрешения на мобильный просмотр) И там, и там - все сработало идеально!
    Уже внедрила ваш код в свой основной блог.
    Сейчас буду штудировать остальные ваши посты...
    С уважением....

    ОтветитьУдалить
    Ответы
    1. Приятно слышать, что у Вас все получилось :-)

      Удалить
  5. Не получается... Никакой реакции формы:-(

    ОтветитьУдалить
    Ответы
    1. Статья писалась под форму, что в комментариях, имеющих линейный формат. Если комментарии в иерархическом формате, то этот вариант не сработает.

      Удалить
  6. Код вставила, разницы не увидела :( может я что-то не поняла?

    ОтветитьУдалить
    Ответы
    1. Я не понял, что Вы хотите получить? Форма отправки комментариев в Вашем блоге сейчас растянута фактически на всю ширину ленты комментариев.

      К тому же, если бы Вы прочитали комментарий прямо перед Вашим, то поняли бы, что материал данной статьи не для Вашего блога! :wall:

      Удалить
    2. Я просто люблю гулять по вашему блогу и примерять се на свой :) Спасибо за оперативный ответ ;)

      Удалить
    3. Ну, у меня особо не разгуляешься ;-) Я хоть и стараюсь писать интересные статьи, но пока их у меня крайне мало - катастрофически не хватает времени на их написание.

      Удалить

Хотите подписать свой комментарий, но у вас нет аккаунта? Выберите в выпадающем списке Имя/URL.
Вы сможете вписать свои имя или ник. Поле для указания URL можно оставить пустым.

Тэги, допустимые в комментариях