вторник, 1 июня 2010 г.

Убрать внизу страницы ссылки "Следующие / Главная страница / Предыдущие".

Мне тут задали вопрос:
"не могу убрать внизу страницы ссылку  на главную своего блога "Главная страница"".

Убрать эту ссылку, вместе со ссылками "следующие" и "предыдущие" можно, насколько мне известно, следующим способом.

Для этого надо зайти в редактирование html, поставить галочку на расширить шаблоны виджета.
Найти строку

<b:include name='nextprev'/>

И удалить её.
На всякий случай, как обычно, сохраните перед этой операцией свой шаблон.

Правда после этого посетители не смогут листать ваши сообщения вперёд-назад, но у каждого блоггера, как говорится, свои цели и порою довольно разные.

О том, как убрать надпись "Подписаться на сообщения (Atom)" внизу блога я уже писал.

пятница, 30 апреля 2010 г.

Кнопка для добавления поста в социальные сети и сервисы.

UPD: Найдено лучшее решение вопроса, чем в этом посте.
Читайте Социальные кнопки для Blogger.

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

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

Заходим по ссылке, нажимаем "Get the button".
Слева есть графа "Services". Нажимаем туда, выбираем, какие сервисы мы хотим видеть на 1-й странице в выпадающем меню кнопки. Я выбрал те, что популярны в России ("вконтакте" там, правда, нет).
Форму кнопки можно не выбирать, потому что с интеграцией в Blogger как всегда возникают какие-то проблемы, которые я сейчас объясню.
Единственное, что порекомендовал бы в отношении вида кнопки - заполнить поле "Button text" каким-нибудь русским словом взамен английского, чтоб нашим читателям было проще понять для чего эта штука тут будет находиться.
Затем выбираете внизу "Blogger", и щёлкаете Get ShareThis code.
Тогда вам предлагают зарегистрироваться, что вы и делаете. Собственный аккаунт даст вам впоследствии доступ к своей статистике.
Потом вам дают две части кода.
Заходим, как обычно, в Дизайн / изменить html.
Тут вам неплохо бы, как обычно, сохранить свой шаблон у себя на компьютере на всякий случай.
Затем ставим галочку на "расширить шаблоны виджета".
Первую часть того кода, который вам дают, необходимо разместить у себя перед тегом <head/> (то есть до него).

А дальше пару слов о проблеме, которая имеет место в связи с интеграцией в Blogger.
Если вы ставите тот код, что предлагается на сайте в стандартной комплектации - то читатели смогут давать ссылку только на главную страницу вашего блога. Это нехорошо тем, что читатели-то должны иметь возможность давать ссылку и делиться именно тем материалом, которым хотят.
Но таки был найден скрипт, который работает для "Блоггер" так, как нужно, исправляя ситуацию и давая возможность ссылаться точно на тот пост, под которым располагается кнопка.

Так что после тега <data:post.body/> вам надо будет вставить не предложенный ими код, а вот этот:

<p>
<script language='javascript' type='text/javascript'>
SHARETHIS.addEntry({
title: &#39;<data:post.title/>&#39;,
url: &#39;<data:post.url/>&#39;
}, {button:true} );
</script>
</p>

Если у вас стоит не блоггеровский, а другой кат (например тот, что я описывал), то тег <data:post.body/> , после которого надо вставлять код, может быть видоизменён и присутствовать два раза. В этом случае надо ставить после всего кода, который был вставлен вами ранее для ката.

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

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

UPD: Чтобы кнопка была видна только на страницах самих постов, и не была видна в блоге - необходимо окружить вышеприведённый код, этими тегами:

<b:if cond='data:blog.pageType == "item"'> тут наш код </b:if>

При написании поста я пользовался материалами support.sharethis (тут вы, может быть, найдёте дополнительные сведения по модификации кнопки) и freehonestmarketing.

пятница, 2 апреля 2010 г.

Теги починили.

Стоило мне написать 30 марта про проблему с тегами, как через два дня - к 1-му апреля - всё починили =))
Когда мы едины - мы непобедимы.

вторник, 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 ещё внедрит возможность ветвей комментариев, а также возможность писать "только для друзей" - то, думаю, можно будет забыть про ЖЖ.

понедельник, 15 февраля 2010 г.

Гаджет поиска по блогу и подписи к картинкам.

Я тут заметил, что встроенный в блоггер гаджет "Поиск по блогу" иногда плохо работает и выдаёт далеко не все результаты.
Поиск от AdSence по моим наблюдениям ведёт себя адекватнее.
Поэтому рекомендую вам сменить встроенный поиск на поиск AdSence, притом что настройка Адсенса реально очень удобная - только что убедился (хотя на блоге, который вы сейчас читаете, ещё не заменил).
Только не забудте потестить то, как он работает и как это выглядит после того, как поставите.
"Код результатов поиска" надо ставить в своём дизайне прямо под заголовок блога, так чтобы гаджет с ява-скриптом, предложенный вам Адсенсом после настройки, был на всю ширину блога.
Но не забывайте, что в поле ширины результатов поиска надо вычесть из общей ширины своего блога пару десятков пикселей (в зависимости от вашего шаблона), иначе результаты поиска будут прилегать вплотную к "стенкам" блога (это, конечно, имеет значение только для тех пользователей, у которых фиксированная а не "резиновая" ширина блога, и тех, у которых цвета блога и фона блога различаются).
Ещё одной особенностью такого поиска оказалось то, что длину самого окошка поиска (которую в настройках вы указываете в количестве символов, которое в него помещается) разные браузеры воспринимают по-разному. В этом смысле длину окна следует проверять в нескольких браузерах, а то в одном может поместиться, а в другом может не влезть в то место, куда вы его ставите.
И ещё после установки кода у меня лично забавная деталь: когда вводишь слово для поиска и он выдаёт результаты - в Мозилле всё содержание блога следует сразу после них, а в Хроме и Опере внизу остаётся большое пустое место, а уж после него содержание блога.

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