вторник, 30 марта 2010 г.

"Теги" в Blogger дают глюк.

Странное дело, народ!
Если я сейчас, не только у себя в блоге, но и у других людей, щёлкаю на какой-нибудь из тегов - то все сообщения, открытые по тегу, оказываются написаны жирным шрифтом.
И не только сообщения, но и вообще весь текст в блоге становится жирным.
Попробуйте, щёлкните на какой-нибудь тег у себя - у вас так же?
Выглядит это неожиданно, и не очень красиво.

UPD!!! 
Сие, оказывается, уже до меня заметила Света, и написала тут: http://blogger4you.blogspot.com/2010/03/blogger-problem-with-label-page.html

Просьба всем.желающим, чтобы это исправили написать тут, на гугловском форуме поддержки:
http://www.google.com/support/forum/p/blogger/thread?tid=4e5837543ea81ce9
Написать там что нибудь вроде "I have the same problem" чтобы поднять тему вверх. Сделайте это, если вам не сложно.

Проблема существует только в русскоязычных блогах. Если вы переключите язык блога в настройках / форматировании на другой (например, английский) - проблема исчезнет.
Естественно, это пример вопиющей русофобии. Виноваты в этом, скорее всего, сами же русские, которые делали локальную адаптацию под наш великий и могучий.

воскресенье, 14 марта 2010 г.

Размещение фотографий в блогах Blogger, или как сделать красивый фотоблог.

Всё в "Блоггере", казалось бы, продумано, и нет ничего проще размещения фотографии.
Тут тебе и с компьютера можно сразу залить без посредничества каких-либо сторонних фотохостингов, и ссылку на уже выложенную фотографию дать можно.
Потом есть возможность выбрать из четырёх вариантов размера - "маленький", "средний", "крупный" и "очень крупный", а затем выравнивать картинку по центру, правому или левому краю.
С недавнего времени появилась и возможность делать подписи под фото.
Но и тут, как не странно, есть свои "но".

Главным неудобством является то, что стандартные размеры фото не всем подходят.
А размеры эти следующие. Фотографию уменьшают по большей стороне (меньшая сторона в этом случае уменьшается автоматически, пропорционально первой).
Размеры большей стороны в автоматическом редакторе фото выходят такие:
  • "маленький" - 200 px
  • "средний" - 320 px
  • "крупный" - 400 px
  • "очень крупный" - 640 px
Но дело в том, что не у всех ширина блога одинаковая. Тем более, с появлением новых шаблонов, где ширина регулируется куда проще, чем раньше.
Оптимально (особенно для людей, выкладывающих фотографии в большом разрешении), чтобы все фотографии были равны ширине основной колонки блога.
Это выглядит эстетично и, кроме этого, позволяет читателю видеть фото в максимальном, насколько то позволяет дизайн блога, разрешении.

Существует и ещё одна проблема, связанная с тем, что изображения в авторежиме уменьшаются по большей стороне.
Дело-то в том, что большая сторона у фотографий может быть как по горизонтали, так и по вертикали. И если несколько разных фото таким образом выложены подряд - колонка получается не ровная. А это не очень красиво.
Пример (представим, что ширина самой широкой картинки - ширина колонки нашего блога):



Так выходит, если пользоваться встроенным редактором.
Однако лучше было бы, если б фотографии равнялись по ширине горизонтальной грани фото.
Тогда это выглядело бы так:



Оба фото одинаковой ширины.
Я уже давно размещаю фотографии только так. Выглядит аккуратнее.
Пример можно увидеть тут.
При этом, щёлкнув на фото - можно увидеть его в ещё большем разрешении на отдельной странице.
Но для этого я пользуюсь не автоматическим редактором, а вношу, при написании поста, в режиме "изменить html" свой код. Код такой:

<div class="separator" style="clear: both; text-align: left;">
<a href="ссылка на фотографию"><img border="0" src="ссылка на фотографию" title="Название картинки" alt="Тэги картинки" width="ширина вашего блога" /></a>
</div>

Указывать теги изображения полезно для того, чтобы оно легче искалось поисковиками. Название картинки будет видно, если человек наведёт мышку на фото.
Узнать нужную ширину для вашего блога (если у него постоянная ширина, естественно, т.е. если это не "резиновый" шаблон) можно следующим образом.

Если вы пользуетесь старыми (уже два дня как старыми =)) шаблонами - то надо зайти в "Дизайн / изменить html", и посмотреть там в разделе #main-wrapper строку, выделенную ниже жирным:

#main-wrapper {
margin-$startSide: 20px;
width: 680px;

Значит, ширина вашей основной колонки блога - 680 пикселей. Она может быть и другой.
Всё, вы узнали ширину основной колонки.

Если же вы пользуетесь новыми шаблонами - то можете даже не лезть в код и посмотреть ширину основной колонки в "Дизайн / Дизайнер шаблонов / Дизайн / Изменение ширины" и вычесть из общей ширины блога ширину боковых колонок.
Предположим, что общая ширина вашего блога - 900 пикселей, а боковые колонки - 290 пикселей.
900 - 290 = 610.
Казалось, бы, это значит, что длина основной колонки блога - 610 пикселей.

Но дело в том (и это важно как для старых,так и новых шаблонов), что между основной колонкой и боковой существует промежуток, отделяющий одно от другого. Он также обычно занимает некоторое количество пикселей. Оно может быть разным - обычно где-то 25. Да ещё не забывайте про то, что изображения в блоггере довольно часто автоматически окружаются рамочкой.
Таким образом, надо вычесть ещё количество пикселей от промежутка между колонками и пикселей десять на рамочку.

В действительности всё проще. Вы можете создать сообщение с фотографией. Если количество пикселей, указанное в коде как "ширина вашего блога" будет избыточным - вы сразу это заметите, так как изображение не будет полностью влезать. Тогда надо уменьшать в вышеприведённом коде изображения количество пикселей до той поры, пока оно не будет полностью влезать.
Если картинка будет меньше чем нужно - наоборот увеличить.
За 5 минут можно легко узнать оптимальное количество.
Надеюсь, кому-нибудь поможет эта информация.

P.S.: В старом "интернет-эксплорере" уменьшенные таким образом изображения показываются с грубой пикселизацией. Но учитывая, что этим браузером уже почти никто не пользуется (и мы должны делать всё, чтобы про него и вовсе забыли) - можно этим пренебречь.

суббота, 13 марта 2010 г.

Новый редактор шаблонов.

В блоггере появился новый редактор дизайн шаблонов.
Вы можете его увидеть на странице настроек: "Дизайн / Дизайнер шаблонов".
Там куча всего нового и красивого, и полезного - никак не сравнить с тем, что мы имели до этого. Я рад.
Работает в Draft Blogger.
Александр уже перевёл официальную статью о новых возможностях: новый дизайнер шаблонов для блога. Можете почитать.
Интереснее всего, конечно, смотреть и щупать новый редактор собственными глазами и руками.

Краткое видео с демонстрацией новых возможностей:



Если компания Blogger ещё внедрит возможность ветвей комментариев, а также возможность писать "только для друзей" - то, думаю, можно будет забыть про ЖЖ.