По поводу социальных кнопок:
Компания Blogger не так давно сама запустила свои соц. кнопки. Как они выглядят можно посмотреть прямо под этим моим постом.
Там, однако, нет русских сервисов. Но может кто-то хочет всё равно поставить себе родную "гугловскую" кнопку.
Функция на данный момент доступна только в Blogger Draft.
Для этого необходимо зайти в панель инструментов / дизайн / элементы страницы. Там выбрать сообщения блога - изменить.
И там поставить галочку на "Показывать кнопки для публикации".
Всё просто. Но, к сожалению, в некоторых шаблонах эти кнопочки отчего-то не включаются.
Чтобы это исправить - необходимо вначале проделать вышеописанную операцию.
А затем зайти в редактирование HTML, найти строки:
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
И после них вставить эту:
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
После этого всё должно отображаться правильно.
среда, 7 июля 2010 г.
четверг, 1 июля 2010 г.
Социальные кнопки для Blogger.
Меня некоторое время назад заинтересовала тема - а как поставить на Blogspot кнопки внизу постов типа "сохранить вконтакте", добавить в Facebook и т.п.
То есть кнопки, нажав на которые ваш читатель может легко опубликовать ссылку на ваш материал в своём аккаунте какой-нибудь популярной социальной сети.
Но в Blogger как обычно возникли сложности: например родной java-скрипт предложеный на сайте вконтакте - на Blogger отчего-то не действует.
Пришлось искать другие пути. И они были найдены.
Дело в том, что на иностранных кнопках вроде "AddThis" или "ShareThis" предложено много сервисов, популярных в Европе и Америке. Но у нас-то в России своя специфика.
У нас популярны "вконтакте", "Я.ру", "мой мир и т.п. Вот для этого-то и надо поставить кнопки, которые актуальны для русскоязычного читателя.
Я нашёл способ сделать кнопки для Livejournal, вконтакте, Blogger, Facebook, Мой Мир, Я.ру, GoogleBuzz и Twitter.
Возможно позже список расширится.
К Liveinternet пока способа не нашёл.
Как это выглядит можно посмотреть у меня в блоге внизу сообщений. Значки кнопок можно ставить разные, смотря какие подходят к вашему дизайну.
Способы были найдены с помощью постов двух людей: sovety и artinblog. Спасибо этим людям!
Долго расписываться не хочу, публикую код сразу ко всем кнопкам. Кто хочет может взять только то, что нравится.
Надо нажать "расширить шаблоны виджета" в разделе "изменить html".
не забудьте на всякий сделать резервную копию своего шаблона.
Код следует вставлять после строки <data:post.body/> (Хотя если хотите можете вставить куда-нибудь ещё).
Код:
Где написано PICTURE - впишите адрес картинки для своей кнопки.
Где TEXT - впишите пояснительную фразу, которая будет появляться при наведении мышки на кнопку.
UPD! О том, как добавить к этим кнопкам кнопку "Google +1" написано в моём посте "Кнопка Google +1 для Blogger".
Чтобы кнопки немного "ожили" и меняли цвет при наведении на них - вставьте в свой CSS следующий код, придуманный artinblog:
Пояснения в коде имеются, можно менять цвета, степень прозрачности и т.п.
Надеюсь, что это будет вам полезно.
Да, и ещё: чтобы незалогиненый в Я.ру пользователь при нажати на вашу кнопку вначале попадал на страницу с предложением залогиниться - вставьте себе в код перед тегом </head> следующий java-скрипт, который придумал sovety:
То есть кнопки, нажав на которые ваш читатель может легко опубликовать ссылку на ваш материал в своём аккаунте какой-нибудь популярной социальной сети.
Но в Blogger как обычно возникли сложности: например родной java-скрипт предложеный на сайте вконтакте - на Blogger отчего-то не действует.
Пришлось искать другие пути. И они были найдены.
Дело в том, что на иностранных кнопках вроде "AddThis" или "ShareThis" предложено много сервисов, популярных в Европе и Америке. Но у нас-то в России своя специфика.
У нас популярны "вконтакте", "Я.ру", "мой мир и т.п. Вот для этого-то и надо поставить кнопки, которые актуальны для русскоязычного читателя.
Я нашёл способ сделать кнопки для Livejournal, вконтакте, Blogger, Facebook, Мой Мир, Я.ру, GoogleBuzz и Twitter.
Возможно позже список расширится.
К Liveinternet пока способа не нашёл.
Как это выглядит можно посмотреть у меня в блоге внизу сообщений. Значки кнопок можно ставить разные, смотря какие подходят к вашему дизайну.
Способы были найдены с помощью постов двух людей: sovety и artinblog. Спасибо этим людям!
Долго расписываться не хочу, публикую код сразу ко всем кнопкам. Кто хочет может взять только то, что нравится.
Надо нажать "расширить шаблоны виджета" в разделе "изменить html".
не забудьте на всякий сделать резервную копию своего шаблона.
Код следует вставлять после строки <data:post.body/> (Хотя если хотите можете вставить куда-нибудь ещё).
Код:
<b:if cond='data:blog.pageType == "item"'><noindex><div class='sharebuttons'><span style='color: #999999;'><b>Понравилось? опубликуй у себя:</b></span>То что выше выделено зелёным - это тег, который делает так, чтобы кнопки появлялись только на самой странице поста, а не прямо на первой странице блога после каждого сообщения. Если вы этого не хотите - уберите его.
<div align='right'><p>
<a class='shareme' expr:href='"http://www.livejournal.com/update.bml?subject=Ссылка: " + data:post.title + "&event=" + data:post.title + ": " + data:post.url' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>
<a class='shareme' expr:href='"http://vkontakte.ru/share.php?url=" + data:post.url' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>
<a class='shareme' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url ' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>
<a expr:href='"http://www.blogger.com/blog_this.pyra?t" + "&u=" + data:post.url + "&n=" + data:post.title + "&pli=" + 1' target='_blank' title='В Blogger!'><img alt='TEXT' src='PICTURE' style='border: 0pt none;'/></a>
<a class='shareme' expr:href='"http://connect.mail.ru/share?share_url=" + data:post.url ' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>
<a class='shareme' expr:href='"http://my.ya.ru/posts_add_link.xml?title=" + data:post.title + "&URL=" + data:post.url' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>
<a class='shareme' expr:href='"http://www.google.com/buzz/post?url=" + data:post.url + "&title=" + data:post.title + "&srcURL=" + data:blog.homePageUrl + "&srcTitle=" + data:title' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>
<a class='shareme' expr:href='"http://twitter.com/home?status=RT @ваш_ник_в_твиттере + " + data:post.url + " " + data:post.title' rel='nofollow'><img src='PICTURE' style='border: 0pt none;' title='TEXT'/></a>
</p></div></div></noindex></b:if>
Где написано PICTURE - впишите адрес картинки для своей кнопки.
Где TEXT - впишите пояснительную фразу, которая будет появляться при наведении мышки на кнопку.
UPD! О том, как добавить к этим кнопкам кнопку "Google +1" написано в моём посте "Кнопка Google +1 для Blogger".
Чтобы кнопки немного "ожили" и меняли цвет при наведении на них - вставьте в свой CSS следующий код, придуманный artinblog:
.sharebuttons{Я вставил этот код себе перед строкой /* Footer
font-size: 13px; /* размер шрифта */
font-weight: bold; /* стиль текста: жирный */
padding:5px; /* отступ от границ */
border: none; /* толщина и цвет рамки */
background: #FFFFFF; /* фоновый цвет */
}
.sharebuttons a img{
border: none;
opacity:1.0; /* непрозрачность: 100% */
}
.sharebuttons a:hover img{
border: none;
opacity:0.7; /* непрозрачность: 70% */
}
Пояснения в коде имеются, можно менять цвета, степень прозрачности и т.п.
Надеюсь, что это будет вам полезно.
Да, и ещё: чтобы незалогиненый в Я.ру пользователь при нажати на вашу кнопку вначале попадал на страницу с предложением залогиниться - вставьте себе в код перед тегом </head> следующий java-скрипт, который придумал sovety:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>За подробностями ещё раз приглашаю всех в посты sovety и artinblog.
<script type="text/javascript">
$(document).ready(function() {
$("a.shareme[href^='http://my.ya.ru']").attr("href", function() {
return "http://passport.yandex.ru/passport?mode=auth&retpath=" + escape(this.href);
});
});
</script>
четверг, 24 июня 2010 г.
Напоминаю об активной борьбе со спамом.
Что-то много спама в последнее время приходит в комментарии.
В основном реклама какой-нибудь виагры.
При этом нельзя зайти на спам-блог и нажать кнопку "пометить", потому что в профиле никаких блогов не указано.
Но это не проблема, ведь в Blogger есть своя форма, в которой можно пожаловаться на разные нарушения, и не только спам, но и нарушение авторских прав, пропаганда ненависти и насилия, контент "для взрослых", и т.п.
Увы, сейчас форма доступна только на английском, но там, вообщем-то, всё ясно.
Так что если вам будут сыпать спам-комменты - смело идите сюда, ставьте галочку "spam", нажимайте "continue" и вписывайте адрес аккаунта или блога, с которого приходит спам.
Вообще я об этом уже писал больше чем год назад. Но проблема до сих пор актуальна.
Кроме этого, адрес формы заявки поменялся, поэтому пришлось обновить его и в старом посте.
В основном реклама какой-нибудь виагры.
При этом нельзя зайти на спам-блог и нажать кнопку "пометить", потому что в профиле никаких блогов не указано.
Но это не проблема, ведь в Blogger есть своя форма, в которой можно пожаловаться на разные нарушения, и не только спам, но и нарушение авторских прав, пропаганда ненависти и насилия, контент "для взрослых", и т.п.
Увы, сейчас форма доступна только на английском, но там, вообщем-то, всё ясно.
Так что если вам будут сыпать спам-комменты - смело идите сюда, ставьте галочку "spam", нажимайте "continue" и вписывайте адрес аккаунта или блога, с которого приходит спам.
Вообще я об этом уже писал больше чем год назад. Но проблема до сих пор актуальна.
Кроме этого, адрес формы заявки поменялся, поэтому пришлось обновить его и в старом посте.
среда, 23 июня 2010 г.
Как сделать в Blogger виджеты без названия.
В последнее время кто-то из разработчиков Blogger вдруг решил, что у каждого виджета типа HTML/Javascript обязательно должно быть название.
То есть теперь невозможно поставить или изменить старый виджет, если не присвоить ему какое-нибудь название. А в случае, если название не введено Blogger выдаёт ошибку и просит его ввести.
Увы, не для всех дизайнов это подходит. Кроме этого иногда содержание виджета и так бывает настолько очевидным, что название над ним выглядит лишним.
Однако можно сделать так, чтобы виджеты и по-прежнему можно было размещать без названия.
Для этого всего-то надо ввести в строку названия код:
И всё будет как прежде.
UPD: на блоге разработчиков Блоггера обещают скоро исправить эту ошибку.
То есть теперь невозможно поставить или изменить старый виджет, если не присвоить ему какое-нибудь название. А в случае, если название не введено Blogger выдаёт ошибку и просит его ввести.
Увы, не для всех дизайнов это подходит. Кроме этого иногда содержание виджета и так бывает настолько очевидным, что название над ним выглядит лишним.
Однако можно сделать так, чтобы виджеты и по-прежнему можно было размещать без названия.
Для этого всего-то надо ввести в строку названия код:
<h2></h2>
И всё будет как прежде.
UPD: на блоге разработчиков Блоггера обещают скоро исправить эту ошибку.
Способ взят из bloggeruniversity.
вторник, 1 июня 2010 г.
Убрать внизу страницы ссылки "Следующие / Главная страница / Предыдущие".
Мне тут задали вопрос:
"не могу убрать внизу страницы ссылку на главную своего блога "Главная страница"".
Убрать эту ссылку, вместе со ссылками "следующие" и "предыдущие" можно, насколько мне известно, следующим способом.
Для этого надо зайти в редактирование html, поставить галочку на расширить шаблоны виджета.
Найти строку
И удалить её.
На всякий случай, как обычно, сохраните перед этой операцией свой шаблон.
Правда после этого посетители не смогут листать ваши сообщения вперёд-назад, но у каждого блоггера, как говорится, свои цели и порою довольно разные.
О том, как убрать надпись "Подписаться на сообщения (Atom)" внизу блога я уже писал.
"не могу убрать внизу страницы ссылку на главную своего блога "Главная страница"".
Убрать эту ссылку, вместе со ссылками "следующие" и "предыдущие" можно, насколько мне известно, следующим способом.
Для этого надо зайти в редактирование 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/> вам надо будет вставить не предложенный ими код, а вот этот:
Если у вас стоит не блоггеровский, а другой кат (например тот, что я описывал), то тег <data:post.body/> , после которого надо вставлять код, может быть видоизменён и присутствовать два раза. В этом случае надо ставить после всего кода, который был вставлен вами ранее для ката.
На всякий случай смотрим "Просмотр" - как это выглядит.
При необходимости окружаем последний вставленный код тегами - поставить справа или слева страницы под сообщением (так как эта вторая часть кода и задаёт место, где будет отображаться значок).
Сохраняем шаблон и тестим.
Вполне возможно, что есть и лучший вариант того, как можно сделать отображение кнопки - чтоб можно было делать её разной, как то и предлагается на сайте. Может быть вы найдёте этот вариант, а я как-то обленился в последнее время.
UPD: Чтобы кнопка была видна только на страницах самих постов, и не была видна в блоге - необходимо окружить вышеприведённый код, этими тегами:
<b:if cond='data:blog.pageType == "item"'> тут наш код </b:if>
Читайте Социальные кнопки для 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: '<data:post.title/>',
url: '<data:post.url/>'
}, {button:true} );
</script>
</p>
<script language='javascript' type='text/javascript'>
SHARETHIS.addEntry({
title: '<data:post.title/>',
url: '<data:post.url/>'
}, {button:true} );
</script>
</p>
На всякий случай смотрим "Просмотр" - как это выглядит.
При необходимости окружаем последний вставленный код тегами - поставить справа или слева страницы под сообщением (так как эта вторая часть кода и задаёт место, где будет отображаться значок).
Сохраняем шаблон и тестим.
Вполне возможно, что есть и лучший вариант того, как можно сделать отображение кнопки - чтоб можно было делать её разной, как то и предлагается на сайте. Может быть вы найдёте этот вариант, а я как-то обленился в последнее время.
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" чтобы поднять тему вверх. Сделайте это, если вам не сложно.
Проблема существует только в русскоязычных блогах. Если вы переключите язык блога в настройках / форматировании на другой (например, английский) - проблема исчезнет.
Естественно, это пример вопиющей русофобии. Виноваты в этом, скорее всего, сами же русские, которые делали локальную адаптацию под наш великий и могучий.
Если я сейчас, не только у себя в блоге, но и у других людей, щёлкаю на какой-нибудь из тегов - то все сообщения, открытые по тегу, оказываются написаны жирным шрифтом.
И не только сообщения, но и вообще весь текст в блоге становится жирным.
Попробуйте, щёлкните на какой-нибудь тег у себя - у вас так же?
Выглядит это неожиданно, и не очень красиво.
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, или как сделать красивый фотоблог.
Всё в "Блоггере", казалось бы, продумано, и нет ничего проще размещения фотографии.
Тут тебе и с компьютера можно сразу залить без посредничества каких-либо сторонних фотохостингов, и ссылку на уже выложенную фотографию дать можно.
Потом есть возможность выбрать из четырёх вариантов размера - "маленький", "средний", "крупный" и "очень крупный", а затем выравнивать картинку по центру, правому или левому краю.
С недавнего времени появилась и возможность делать подписи под фото.
Но и тут, как не странно, есть свои "но".
Главным неудобством является то, что стандартные размеры фото не всем подходят.
А размеры эти следующие. Фотографию уменьшают по большей стороне (меньшая сторона в этом случае уменьшается автоматически, пропорционально первой).
Размеры большей стороны в автоматическом редакторе фото выходят такие:
Оптимально (особенно для людей, выкладывающих фотографии в большом разрешении), чтобы все фотографии были равны ширине основной колонки блога.
Это выглядит эстетично и, кроме этого, позволяет читателю видеть фото в максимальном, насколько то позволяет дизайн блога, разрешении.
Существует и ещё одна проблема, связанная с тем, что изображения в авторежиме уменьшаются по большей стороне.
Дело-то в том, что большая сторона у фотографий может быть как по горизонтали, так и по вертикали. И если несколько разных фото таким образом выложены подряд - колонка получается не ровная. А это не очень красиво.
Пример (представим, что ширина самой широкой картинки - ширина колонки нашего блога):
Так выходит, если пользоваться встроенным редактором.
Однако лучше было бы, если б фотографии равнялись по ширине горизонтальной грани фото.
Тогда это выглядело бы так:
Оба фото одинаковой ширины.
Я уже давно размещаю фотографии только так. Выглядит аккуратнее.
Пример можно увидеть тут.
При этом, щёлкнув на фото - можно увидеть его в ещё большем разрешении на отдельной странице.
Но для этого я пользуюсь не автоматическим редактором, а вношу, при написании поста, в режиме "изменить html" свой код. Код такой:
Указывать теги изображения полезно для того, чтобы оно легче искалось поисковиками. Название картинки будет видно, если человек наведёт мышку на фото.
Узнать нужную ширину для вашего блога (если у него постоянная ширина, естественно, т.е. если это не "резиновый" шаблон) можно следующим образом.
Если вы пользуетесь старыми (уже два дня как старыми =)) шаблонами - то надо зайти в "Дизайн / изменить html", и посмотреть там в разделе #main-wrapper строку, выделенную ниже жирным:
Значит, ширина вашей основной колонки блога - 680 пикселей. Она может быть и другой.
Всё, вы узнали ширину основной колонки.
Если же вы пользуетесь новыми шаблонами - то можете даже не лезть в код и посмотреть ширину основной колонки в "Дизайн / Дизайнер шаблонов / Дизайн / Изменение ширины" и вычесть из общей ширины блога ширину боковых колонок.
Предположим, что общая ширина вашего блога - 900 пикселей, а боковые колонки - 290 пикселей.
900 - 290 = 610.
Казалось, бы, это значит, что длина основной колонки блога - 610 пикселей.
Но дело в том (и это важно как для старых,так и новых шаблонов), что между основной колонкой и боковой существует промежуток, отделяющий одно от другого. Он также обычно занимает некоторое количество пикселей. Оно может быть разным - обычно где-то 25. Да ещё не забывайте про то, что изображения в блоггере довольно часто автоматически окружаются рамочкой.
Таким образом, надо вычесть ещё количество пикселей от промежутка между колонками и пикселей десять на рамочку.
В действительности всё проще. Вы можете создать сообщение с фотографией. Если количество пикселей, указанное в коде как "ширина вашего блога" будет избыточным - вы сразу это заметите, так как изображение не будет полностью влезать. Тогда надо уменьшать в вышеприведённом коде изображения количество пикселей до той поры, пока оно не будет полностью влезать.
Если картинка будет меньше чем нужно - наоборот увеличить.
За 5 минут можно легко узнать оптимальное количество.
Надеюсь, кому-нибудь поможет эта информация.
P.S.: В старом "интернет-эксплорере" уменьшенные таким образом изображения показываются с грубой пикселизацией. Но учитывая, что этим браузером уже почти никто не пользуется (и мы должны делать всё, чтобы про него и вовсе забыли) - можно этим пренебречь.
Тут тебе и с компьютера можно сразу залить без посредничества каких-либо сторонних фотохостингов, и ссылку на уже выложенную фотографию дать можно.
Потом есть возможность выбрать из четырёх вариантов размера - "маленький", "средний", "крупный" и "очень крупный", а затем выравнивать картинку по центру, правому или левому краю.
С недавнего времени появилась и возможность делать подписи под фото.
Но и тут, как не странно, есть свои "но".
Главным неудобством является то, что стандартные размеры фото не всем подходят.
А размеры эти следующие. Фотографию уменьшают по большей стороне (меньшая сторона в этом случае уменьшается автоматически, пропорционально первой).
Размеры большей стороны в автоматическом редакторе фото выходят такие:
- "маленький" - 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 ещё внедрит возможность ветвей комментариев, а также возможность писать "только для друзей" - то, думаю, можно будет забыть про ЖЖ.
Вы можете его увидеть на странице настроек: "Дизайн / Дизайнер шаблонов".
Там куча всего нового и красивого, и полезного - никак не сравнить с тем, что мы имели до этого. Я рад.
Работает в Draft Blogger.
Александр уже перевёл официальную статью о новых возможностях: новый дизайнер шаблонов для блога. Можете почитать.
Интереснее всего, конечно, смотреть и щупать новый редактор собственными глазами и руками.
Краткое видео с демонстрацией новых возможностей:
Если компания Blogger ещё внедрит возможность ветвей комментариев, а также возможность писать "только для друзей" - то, думаю, можно будет забыть про ЖЖ.
понедельник, 15 февраля 2010 г.
Гаджет поиска по блогу и подписи к картинкам.
Я тут заметил, что встроенный в блоггер гаджет "Поиск по блогу" иногда плохо работает и выдаёт далеко не все результаты.
Поиск от AdSence по моим наблюдениям ведёт себя адекватнее.
Поэтому рекомендую вам сменить встроенный поиск на поиск AdSence, притом что настройка Адсенса реально очень удобная - только что убедился (хотя на блоге, который вы сейчас читаете, ещё не заменил).
Только не забудте потестить то, как он работает и как это выглядит после того, как поставите.
"Код результатов поиска" надо ставить в своём дизайне прямо под заголовок блога, так чтобы гаджет с ява-скриптом, предложенный вам Адсенсом после настройки, был на всю ширину блога.
Но не забывайте, что в поле ширины результатов поиска надо вычесть из общей ширины своего блога пару десятков пикселей (в зависимости от вашего шаблона), иначе результаты поиска будут прилегать вплотную к "стенкам" блога (это, конечно, имеет значение только для тех пользователей, у которых фиксированная а не "резиновая" ширина блога, и тех, у которых цвета блога и фона блога различаются).
Ещё одной особенностью такого поиска оказалось то, что длину самого окошка поиска (которую в настройках вы указываете в количестве символов, которое в него помещается) разные браузеры воспринимают по-разному. В этом смысле длину окна следует проверять в нескольких браузерах, а то в одном может поместиться, а в другом может не влезть в то место, куда вы его ставите.
И ещё после установки кода у меня лично забавная деталь: когда вводишь слово для поиска и он выдаёт результаты - в Мозилле всё содержание блога следует сразу после них, а в Хроме и Опере внизу остаётся большое пустое место, а уж после него содержание блога.
Кроме этого, разработчики Blogger вчера ввели возможность добавлять под фотографии подписи. Удобно и быстро. А раньше для этого приходилось вставлять вручную какие-то неимоверные коды. Возможность доступна в Blogger Draft.
Поиск от AdSence по моим наблюдениям ведёт себя адекватнее.
Поэтому рекомендую вам сменить встроенный поиск на поиск AdSence, притом что настройка Адсенса реально очень удобная - только что убедился (хотя на блоге, который вы сейчас читаете, ещё не заменил).
Только не забудте потестить то, как он работает и как это выглядит после того, как поставите.
"Код результатов поиска" надо ставить в своём дизайне прямо под заголовок блога, так чтобы гаджет с ява-скриптом, предложенный вам Адсенсом после настройки, был на всю ширину блога.
Но не забывайте, что в поле ширины результатов поиска надо вычесть из общей ширины своего блога пару десятков пикселей (в зависимости от вашего шаблона), иначе результаты поиска будут прилегать вплотную к "стенкам" блога (это, конечно, имеет значение только для тех пользователей, у которых фиксированная а не "резиновая" ширина блога, и тех, у которых цвета блога и фона блога различаются).
Ещё одной особенностью такого поиска оказалось то, что длину самого окошка поиска (которую в настройках вы указываете в количестве символов, которое в него помещается) разные браузеры воспринимают по-разному. В этом смысле длину окна следует проверять в нескольких браузерах, а то в одном может поместиться, а в другом может не влезть в то место, куда вы его ставите.
И ещё после установки кода у меня лично забавная деталь: когда вводишь слово для поиска и он выдаёт результаты - в Мозилле всё содержание блога следует сразу после них, а в Хроме и Опере внизу остаётся большое пустое место, а уж после него содержание блога.
Кроме этого, разработчики Blogger вчера ввели возможность добавлять под фотографии подписи. Удобно и быстро. А раньше для этого приходилось вставлять вручную какие-то неимоверные коды. Возможность доступна в Blogger Draft.
воскресенье, 31 января 2010 г.
Обновление Firefox до 3.6, и связанные с этим особенности.
Mozilla Firefox обновился до 3.6.
И хорошо, потому что обновление 3.5 было самым наихудшим со времён третьего Фаерфокса.
При этом некоторые, описанные мною ранее дополнения к Firefox, перестали работать.
Придётся дождаться их обновления (если оно будет). Вначале особенно было жаль, что перестал работать Hide Caption. НО! На самом деле он работает под 3.6, хотя отчего-то не обновляется автоматом (не знаю как у вас, а у меня он не нашёл обновлений автоматически).
Необходимо снести старый, затем пройти по ссылке и обновиться до версии 0.7.6.1, и всё будет как прежде.
Кроме этого, перестал работать Hide Menubar. Но это совсем не страшно, так как его функция теперь встроена в Firefox по умолчанию. Наведите мышку на панель меню (ту, где "Файл Правка Вид..."), щёлкните правой кнопкой мыши и уберите галочку с "Панель меню".
Теперь, чтобы вызвать её назад просто нажмите кнопку Alt (чтобы опять спрятать - тоже).
Ещё я натолкнулся на аддон Hide Tabbar, правде ещё не понял - удобно это или нет. Он автоматически прячет панель вкладок, и показывает, когда к ней подносит мышь.
В результате мой экран в браузере сейчас выглядит так, совершенно минималистично:
И хорошо, потому что обновление 3.5 было самым наихудшим со времён третьего Фаерфокса.
При этом некоторые, описанные мною ранее дополнения к Firefox, перестали работать.
Придётся дождаться их обновления (если оно будет). Вначале особенно было жаль, что перестал работать Hide Caption. НО! На самом деле он работает под 3.6, хотя отчего-то не обновляется автоматом (не знаю как у вас, а у меня он не нашёл обновлений автоматически).
Необходимо снести старый, затем пройти по ссылке и обновиться до версии 0.7.6.1, и всё будет как прежде.
Кроме этого, перестал работать Hide Menubar. Но это совсем не страшно, так как его функция теперь встроена в Firefox по умолчанию. Наведите мышку на панель меню (ту, где "Файл Правка Вид..."), щёлкните правой кнопкой мыши и уберите галочку с "Панель меню".
Теперь, чтобы вызвать её назад просто нажмите кнопку Alt (чтобы опять спрятать - тоже).
Ещё я натолкнулся на аддон Hide Tabbar, правде ещё не понял - удобно это или нет. Он автоматически прячет панель вкладок, и показывает, когда к ней подносит мышь.
В результате мой экран в браузере сейчас выглядит так, совершенно минималистично:
суббота, 23 января 2010 г.
Руководство "Блоггер" объявляет о прекращении поддержки публикации блогов через ФТП.
Разработчики "Блоггера" сказали, что через FTP публикуют свои блоги только 0,5% пользователей сервиса.
А Гугл что-то там будет менять у себя, и им, чтобы поддержка FTP на "Блоггер" продолжила работать как раньше и после этих изменений, придётся переписать кучу кода.
Однако, ввиду непопулярности данной услуги, делать это они посчитали нецелесообразным.
Поэтому объявляется, что с 26 марта 2010 они перестают поддерживать публикацию блогов через ФТП. При этом они понимают, что данное нововведение не будет принято на "ура" некоторой частью пользователей. И они говорят, что делают инструмент для переселения народа с фтп на обычный блоггер, который должен заработать с 22 февраля. Эта штука будет перенаправлять со старого адреса на новый. Гугловоды обещают пользователям предоставлять максимум информации, чтобы облегчить переход.
Это стало известно из Blogger Buzz.
Кроме этого, они объявляют, что у них есть некое количество крупных релизов, запланированных на 2010 год. Понимая, что известие с FTP огорчит часть народа, они призывают не унывать и оптимистично смотреть в будущее, в котором для пользователей Blogger планируется сделать много крутых (в хорошем смысле) нововведений.
"Thanks for using Blogger" - завершают они.
А Гугл что-то там будет менять у себя, и им, чтобы поддержка FTP на "Блоггер" продолжила работать как раньше и после этих изменений, придётся переписать кучу кода.
Однако, ввиду непопулярности данной услуги, делать это они посчитали нецелесообразным.
Поэтому объявляется, что с 26 марта 2010 они перестают поддерживать публикацию блогов через ФТП. При этом они понимают, что данное нововведение не будет принято на "ура" некоторой частью пользователей. И они говорят, что делают инструмент для переселения народа с фтп на обычный блоггер, который должен заработать с 22 февраля. Эта штука будет перенаправлять со старого адреса на новый. Гугловоды обещают пользователям предоставлять максимум информации, чтобы облегчить переход.
Это стало известно из Blogger Buzz.
Кроме этого, они объявляют, что у них есть некое количество крупных релизов, запланированных на 2010 год. Понимая, что известие с FTP огорчит часть народа, они призывают не унывать и оптимистично смотреть в будущее, в котором для пользователей Blogger планируется сделать много крутых (в хорошем смысле) нововведений.
"Thanks for using Blogger" - завершают они.
пятница, 22 января 2010 г.
Красивые адреса страниц сообщений в "Блоггер".
Кстати, как вы уже наверное поняли, чтобы ядрес страниц был человеческим, можно делать то же самое что и в случае обычных постов.
То есть, чтобы адрес ваших страниц бы не таким:
http://ваш_блог.blogspot.com/p/blog-post.html
А таким:
http://ваш_блог.blogspot.com/p/ob_avtore.html
Чтобы было красиво - необходимо вначале напиать название поста транслитом. В данном случае - "Ob avtore". Опубликовать старницу, затем зайти в её редактирование и изменить название на русское. В адресе останутся то, что вы в момент первой публиуации набрали латиницей.
То есть, чтобы адрес ваших страниц бы не таким:
http://ваш_блог.blogspot.com/p/blog-post.html
А таким:
http://ваш_блог.blogspot.com/p/ob_avtore.html
Чтобы было красиво - необходимо вначале напиать название поста транслитом. В данном случае - "Ob avtore". Опубликовать старницу, затем зайти в её редактирование и изменить название на русское. В адресе останутся то, что вы в момент первой публиуации набрали латиницей.
четверг, 21 января 2010 г.
Обновление со страницами откатили.
Видимо обновление со страницами для Blogger откатили назад.
Двенадцать часов назад оно было (своими глазами видел), а сейчас - нет. Видимо дорабатывают.
Официальное сообщение о "Страницах в Blogger" было дано в Blogger in Draft.
Однако добавлять страницы можно, если открыть ссылку:
http://draft.blogger.com/pages.g?blogID=ID_номер_вашего блога
О том, как найти номер вашего блога написано тут: узнать ваш ID номер.
Двенадцать часов назад оно было (своими глазами видел), а сейчас - нет. Видимо дорабатывают.
Официальное сообщение о "Страницах в Blogger" было дано в Blogger in Draft.
Однако добавлять страницы можно, если открыть ссылку:
http://draft.blogger.com/pages.g?blogID=ID_номер_вашего блога
О том, как найти номер вашего блога написано тут: узнать ваш ID номер.
Статичные страницы в Blogger!
Наконец-то это свершилось!
Блоггер добавил к своим функциям возможность создавать статичные страницы а не посты.
В Wordpress такая функция, к слову, существовала уже давно.
Суть в том, что иногда хочется создать не пост, а просто страницу с информацией, вроде "Об авторе", "Контакты" или "Информация".
Но до этого приходилось делать отдельные посты. В этом был минус - ведь если такой постнеобходимо было создать спустя некоторое время после создания блога, то читателям пришлось бы наблюдать эти дополнительные посты в своих лентах.
Теперь это в прошлом.
Единственный минус - таких страниц можно создать не более десяти. Видимо это для того, чтобы блоги не превращали в сайты, т.к. для сайтов у Гугла есть Google Sites. Хотя по мне - почему бы не разрешить болшее количество... Блоги на "Блоггер" щас полюбому удобнее в настройках чем сайты Гугл (ИМХО).
Функция доступна в Blogger Draft в разделе отправка / изменить страницы.
Кроме этого появился отдельный гаджет, который вы можете найти в настройках дизайна блога: в нём можно отразить ссылки на созданные вами страницы. Разработчики предупреждают о том, что если вы используете сторонний шаблон для блога - он может не поддерживать новый гаджет как следует. Для этого разбирающимся в html предлагают следовать следующим инструкциям:
1) Убедиться в том, что виджет "Страницы" таки не был добавлен, ведь вы могли его просто не заметить =))
2) Зайти в дизайн / редактировать html.
3) Как обычно сохранить на всякий случай уже существующий шаблон, чтоб в случае ошибки можно было всё вернуть взад.
4) Поставить галочку на "расширить шаблоны виджета".
5) Найти нижеследующие три строки кода, и если они есть - изменить showaddelement='no' на showaddelement='yes'
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
Если же этих строк нет в коде, то надо самому вставить код, что ниже, туда, куда вы хотите (к примеру после <div id='content-wrapper'>)
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>
6) Опосля надобно сохранить шаблон.
7) И в заключение пойти в дизайн / элементы страницы найти новый гаджет и делать с ним что угодно.
Блоггер добавил к своим функциям возможность создавать статичные страницы а не посты.
В Wordpress такая функция, к слову, существовала уже давно.
Суть в том, что иногда хочется создать не пост, а просто страницу с информацией, вроде "Об авторе", "Контакты" или "Информация".
Но до этого приходилось делать отдельные посты. В этом был минус - ведь если такой постнеобходимо было создать спустя некоторое время после создания блога, то читателям пришлось бы наблюдать эти дополнительные посты в своих лентах.
Теперь это в прошлом.
Единственный минус - таких страниц можно создать не более десяти. Видимо это для того, чтобы блоги не превращали в сайты, т.к. для сайтов у Гугла есть Google Sites. Хотя по мне - почему бы не разрешить болшее количество... Блоги на "Блоггер" щас полюбому удобнее в настройках чем сайты Гугл (ИМХО).
Функция доступна в Blogger Draft в разделе отправка / изменить страницы.
Кроме этого появился отдельный гаджет, который вы можете найти в настройках дизайна блога: в нём можно отразить ссылки на созданные вами страницы. Разработчики предупреждают о том, что если вы используете сторонний шаблон для блога - он может не поддерживать новый гаджет как следует. Для этого разбирающимся в html предлагают следовать следующим инструкциям:
1) Убедиться в том, что виджет "Страницы" таки не был добавлен, ведь вы могли его просто не заметить =))
2) Зайти в дизайн / редактировать html.
3) Как обычно сохранить на всякий случай уже существующий шаблон, чтоб в случае ошибки можно было всё вернуть взад.
4) Поставить галочку на "расширить шаблоны виджета".
5) Найти нижеследующие три строки кода, и если они есть - изменить showaddelement='no' на showaddelement='yes'
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
Если же этих строк нет в коде, то надо самому вставить код, что ниже, туда, куда вы хотите (к примеру после <div id='content-wrapper'>)
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>
6) Опосля надобно сохранить шаблон.
7) И в заключение пойти в дизайн / элементы страницы найти новый гаджет и делать с ним что угодно.
четверг, 14 января 2010 г.
Как поменять шрифт и положение ссылки на комментарии в Blogger?
Когда мы смотрим на наш блог, то мы видим сообщения, и внизу, под сообщением, ссылку на комментарии (она же ссылка для того, чтобы написать комментарий).
Но иногда нам может захотеться сделать её покрупнее, переместить из левого края в правый, и т.п.
Сделать это не сложно. (Как обычно сохраняем существующий шаблон на всякий случай).
Заходим в дизайн/изменить html.
Щёлкаем "расширить шаблоны виджета".
Ищем строку a class='comment-link' expr:href='data:post.addCommentUrl'
(Обычно я ищу с помощью комбинации "Ctrl+F" на клавиатуре).
Находим строку, и видим примерно следующий код, в котором эта строка присутствует:
Именно этот кусок нам надо окружить нужными нам тегами, чтобы ссылка на комментарии на нашей странице была такой, как мы хотим.
Чтобы лишний раз не заморачиваться поиском тегов я просто захожу в блоггер, нажимаю "создать новое сообщение", пишу там пару символов вроде "sdfsdfg" и потом делаю их, с помощью существующего визуального редактора жирными, большими, выровненными по левому/правому краю или центру - короче то что мне нужно. Потом захожу в "изменить html" и копирую оттуда нужные теги, которые появились в процессе редактирования вокруг слова "sdfsdfg".
нужными тегами окружаем указанный выше кусок кода.
В результате, если посмотреть на весь код среди которого мы рылись, выходит нечто вроде (красным выделено то, что теоретически мы добавили):
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<div align='right'><span style='font-size: large;'><b><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b></span></div>
</b:if>
</b:if>
</span>
Щёлкаем "Просмотр" и смотрим - вышло ли то, что мы хотели, потом сохраныем шаблон.
В некоторых шаблонах код, теоретически, может отличаться от приведённого здесь. У меня нет времени и желания это проверять - тем более что, если это действительно так, вы сами это выясните, и разберётесь по обстоятельствам.
Но иногда нам может захотеться сделать её покрупнее, переместить из левого края в правый, и т.п.
Сделать это не сложно. (Как обычно сохраняем существующий шаблон на всякий случай).
Заходим в дизайн/изменить html.
Щёлкаем "расширить шаблоны виджета".
Ищем строку a class='comment-link' expr:href='data:post.addCommentUrl'
(Обычно я ищу с помощью комбинации "Ctrl+F" на клавиатуре).
Находим строку, и видим примерно следующий код, в котором эта строка присутствует:
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/>
Именно этот кусок нам надо окружить нужными нам тегами, чтобы ссылка на комментарии на нашей странице была такой, как мы хотим.
Чтобы лишний раз не заморачиваться поиском тегов я просто захожу в блоггер, нажимаю "создать новое сообщение", пишу там пару символов вроде "sdfsdfg" и потом делаю их, с помощью существующего визуального редактора жирными, большими, выровненными по левому/правому краю или центру - короче то что мне нужно. Потом захожу в "изменить html" и копирую оттуда нужные теги, которые появились в процессе редактирования вокруг слова "sdfsdfg".
нужными тегами окружаем указанный выше кусок кода.
В результате, если посмотреть на весь код среди которого мы рылись, выходит нечто вроде (красным выделено то, что теоретически мы добавили):
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<div align='right'><span style='font-size: large;'><b><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b></span></div>
</b:if>
</b:if>
</span>
Щёлкаем "Просмотр" и смотрим - вышло ли то, что мы хотели, потом сохраныем шаблон.
В некоторых шаблонах код, теоретически, может отличаться от приведённого здесь. У меня нет времени и желания это проверять - тем более что, если это действительно так, вы сами это выясните, и разберётесь по обстоятельствам.
вторник, 12 января 2010 г.
Favicon для Blogger в Opera.
Недавно я обнаружил, что favicon из некоторых наших блогов не отображается в Opera.
Так происходит у тех, кто держит свою favicon на сайтах Google.
Но решение найдено.
Как мы помним, раньше у нас стоял тот код, что указан здесь. Это правильно.
Но на гугл-сайтах есть какой-то редирект на картинки, или что-то в этом роде, что даже и не важно. Так вот, Opera такие штучки не кушает (всегда ли так было или недавно так стало - не знаю).
Поэтому надо добавить картинку в другое место, где на неё будет прямая ссылка.
Сайты народ для этого прекрасно подходят.
Итак, мы заходим в наш аккаунт на народ.ру (регистрируемся, если у нас там ещё нет учётной записи). Слева написано - "Управление сайтом". Щёлкаем на "редактировать".
Дальше - "Ещё инструменты", там - "Управление файлами" и "загрузить файл".
Загружаете иконку, и берёте ссылку на неё из того места, где написано "ссылка".
То есть ссылка на файл должна выглядеть не как http://ваш_сайт.narod2.yandex.ru/иконка.ico а как
http://ваш_сайт.narod2.ru/иконка.ico.
При этом всём строку со ссылкой на favicon в google-sites не надо удалять. Дело в том, что после смены адреса с гугл-сайтов на яндекс у некоторых, несмотря на то что иконка появилась в Опере, она пропала в Firefox. Поэтому надо оставить строку со ссылкой на строку в гугл-сайтах и добавить к ней такую-же со ссылкой на народ ру.
В результате это должно стоять перед тегом </head> в вашем коде блога, и выглядеть примерно так:
Некоторе время спустя после создания сайта на narod2 у меня он был недоступен, наверное глюк Яндекса. Если сайты яндекс будут виснуть, то ваши иконки тоже не будут доступны в это время. Но вообще такого быть не должно.
Способ подсмотрен у ibloggerman, но он использует более сложный код, так что приходится писать аж 4 строки вместо двух, как у нас.
P.S.: Запоздало поздравляю всех с прошедшими Новым годом и Рождеством! =)
Желаю вам здоровья, благоразумия, и успеха в добрых делах!
Так происходит у тех, кто держит свою favicon на сайтах Google.
Но решение найдено.
Как мы помним, раньше у нас стоял тот код, что указан здесь. Это правильно.
Но на гугл-сайтах есть какой-то редирект на картинки, или что-то в этом роде, что даже и не важно. Так вот, Opera такие штучки не кушает (всегда ли так было или недавно так стало - не знаю).
Поэтому надо добавить картинку в другое место, где на неё будет прямая ссылка.
Сайты народ для этого прекрасно подходят.
Итак, мы заходим в наш аккаунт на народ.ру (регистрируемся, если у нас там ещё нет учётной записи). Слева написано - "Управление сайтом". Щёлкаем на "редактировать".
Дальше - "Ещё инструменты", там - "Управление файлами" и "загрузить файл".
Загружаете иконку, и берёте ссылку на неё из того места, где написано "ссылка".
То есть ссылка на файл должна выглядеть не как http://ваш_сайт.narod2.yandex.ru/иконка.ico а как
http://ваш_сайт.narod2.ru/иконка.ico.
При этом всём строку со ссылкой на favicon в google-sites не надо удалять. Дело в том, что после смены адреса с гугл-сайтов на яндекс у некоторых, несмотря на то что иконка появилась в Опере, она пропала в Firefox. Поэтому надо оставить строку со ссылкой на строку в гугл-сайтах и добавить к ней такую-же со ссылкой на народ ру.
В результате это должно стоять перед тегом </head> в вашем коде блога, и выглядеть примерно так:
<link href='http://sites.google.com/site/ваш_сайт/адрес_favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://ваш_сайт.narodhttp://2.ru/адрес_favicon.ico' rel='shortcut icon' type='image/x-icon'/>
Некоторе время спустя после создания сайта на narod2 у меня он был недоступен, наверное глюк Яндекса. Если сайты яндекс будут виснуть, то ваши иконки тоже не будут доступны в это время. Но вообще такого быть не должно.
Способ подсмотрен у ibloggerman, но он использует более сложный код, так что приходится писать аж 4 строки вместо двух, как у нас.
P.S.: Запоздало поздравляю всех с прошедшими Новым годом и Рождеством! =)
Желаю вам здоровья, благоразумия, и успеха в добрых делах!
Подписаться на:
Сообщения (Atom)