27.5.09

Blogger: ИЕ8 не дружит со спрятанными областями.

36 comments

ОЧЕНЬ ВАЖНОЕ ВНЕПЛАНОВОЕ СООБЩЕНИЕ!

Blogger: IE8 problem

Сегодня я получила несколько писем с жалобами от читателей, о том что они не могут попасть в мой и не только блог... Проблема похоже у читателей, кто пользуется ИЕ8 и у блоггеров, кто организовал у себя административную панель управления.

Проведенные эксперименты показали, что IE8 похоже конфликтует с Blogger'овской системой прятания служебной информации. Одним из признаков этого явилось не показывание в браузере ИЕ8
карандаш для редактирования постов (во всех остальных браузерах он показывается).

Сухой остаток, административную панель в этом блоге я убрала (она была по середке боковой панели), а затем добавила в самый конец боковой колонки. Вроде IE8 перестал выкидывать мой блог (по крайней мере у меня дома на компьютере Кайла).

Ну, и по прежнему, как я уже говорила, хорошо у себя в блоге иметь метатег:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

хотя в данном случае он и не помог.

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

Всем удачи!
СветаBlogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем!

PS Только что прочитала в известных проблемах Blogger'а (Ссылка):
Some users are seeing an 'Operation Aborted' error message when trying to load their blogs from Internet Explorer. We're looking into this and will update this message when we have a fix.

We apologize for the inconvenience.

Update (May 26): We are still working on resolving this bug. This only affects viewers using IE to view the blog; for right now, blog owners can either move the Followers gadget lower in their sidebar, or remove it altogether. Either action will eliminate the pop-up dialog box in IE.

We will update this post when a fix has been made.


Короче говоря они знают об этой проблеме, очень извиняются и работают на ней. Когда она будет решена сообщат дополнительно.

А пока, говорят, возможно поможет убрать на время виджет Постоянных Читателей или сместить его чем ниже тем лучше... Я его, пожалуй, удалю пока они его не починят. Оставлю только ссылку - стать Постоянным Читателем.

Люди, не пользуйтесь IE8!!! Это уже мое - наболевшее! :) Читать дальше...

26.5.09

Blogger: Виджет - недавно сделанные комментарии.

41 comments

Blogger: recent comments on sidebar
Лучше 1 раз увидеть,
Чем 100 раз услышать!

Мне, кстати, очень понравилась эта реклама открывающегося (уже разумеется открытого форума о подстаканниках). И все сказанные в рекламе слова очень правильные и надеюсь, что так у них на форуме все и есть.

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

Они расскажут человеку, в первый раз зашедшему к нам в блог, о наиболее обсуждаемых в настоящее время постах блога, стиле и уровне комментариев и комментаторов.

В основу виджета положен feed (они переводят это как канал) комментариев, который формирует Blogger. Он расположен по адресу:

http://имя_вашего_блога.blogspot.com/feeds/comments/default

у меня это

http://blogger4you.blogspot.com/feeds/comments/default

Самый простой способ показать на боковой панели 5 последних комментариев... (всего правда 5). Добавить на боковую колонку гаджет Канал (так и называется), задать в качестве адреса канала адрес, про который мы говорили выше:

http://имя_вашего_блога.blogspot.com/feeds/comments/default

и дальше решить показывать ли вместе с комментарием имя комментатора и дату.

Что касается меня - для меня 5 комментариев - слишком мало, долгое время я с удовольствием показывала 25 комментариев (это возможный максимум), сейчас комментариев на боковой панели меньше - всего 20, т.к. пространство на боковой панели не резиновое, а мне хочется показать там и темы, которые обсуждаются в Russian Blogger Help Group (по-русски)

Теперь собственно код виджета, в свое время мной доработанный, а когда и где взят оригинал я уже не упомню:

<ul style="font-style: italic;"><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 20; i++) {
var entry = json.feed.entry[i];
var ctlink;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");

document.write('<li style="text-align:left">');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write(' on ' + pttitle);
document.write('<br>');
if (comment.length < 150) {
document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');
}
else
{
comment = comment.substring(0, 150);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');
}
}
document.write('</li>');
}
</script>
<script src="http://адрес_вашего_блога.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
Давайте я в двух словах поясню, что в этом скрипте можно/нужно исправить:

1) В самом конце скрипта красным выделено адрес_вашего_блога ну, и поставьте туда тот кусок адреса вашего блога, который идет перед blogspot.
Продвинутые блоггеры, использующие для своих блогов доменные имена второго уровня, могут заменить весь url до /feeds/comments/default на url их блога.
2) 20 - это количество последних комментариев, которые мы хотим показать на боковой панели - можно поменять (максимум 25).
3) text-align:left - тип выравнивания текста, у меня очень долго стояло "по ширине" (text-align:center) сейчас стоит по левому краю.
4) Английское слово on, идущее после имени комментатора, можно заменить русским глаголом комментирует или на что у вас хватит фантазии.
5) + pttitle - здесь я намекаю, что это выражение (вместе с плюсиком) можно вообще убрать. В случае если аппендикс адреса вашей статьи реально ничего не говорит вашим читателям. Что-то типа blog post_555 или blog post_3836. Конечно, по таким названиям можно отследить к одному ли посту относятся два комментария или к разным - но красоты и читаемости они точно не добавляют. Кстати, как получить осмысленные адреса для ваших постов я когда-то рассказала здесь: Blogger-SEO: Меняем заголовок статьи!. Я всегда так делаю, когда не забываю ;).
6) Число 150 - это максимальное количество знаков комментария, которые вы можете показать... можно уменьшить, но сразу в двух местах.
7) Занимаясь русификацией скрипта слово (more) (анг. еще, больше) можно тоже заменить, на что-нибудь русское. Кстати, замечу, что в первом случае слово more обозначает что у комментария есть продолжение, т.е. он длиннее показанных 150ти символов, а во втором случае комментарий показан на боковой панели весь целиком и при чем тут more не совсем понятно - разве что для единообразия... А вам ничего не мешает эту ситуацию изменить и использовать, например, разные слова.
8) И на самом верху мы присваиваем всему скрипту стиль style="font-style: italic;" - это уже мои вкусовые пристрастия... нравится мне курсив, а если вам не нравится - удалите это голубенькое описание целиком.

Кажется, про свой любимый виджет "Недавно сделанные комментарии" я рассказала все что знала, но если еще возникнут вопросы обязательно спрашивайте, еще расскажу! ;)

А добавлять этот гажден на боковую панель надо так: Добавить гаджет и выбрать тип гаджета Html/Javascript.

Всем удачи и хорошей погоды!
СветаBlogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

12.5.09

Blogger: Настраиваем комментарии!

73 comments

Blogger: All for Comments and CommentatorsЗдравствуйте! После написания кучи постов по просьбам трудящихся блоггеров я решила вернуться к написанию тематических постов. Темой следующих пары недель будут комментарии.

Вот какие посты я запланировала:
1) Настройка комментариев (Сегодня)
2) Виджет последние комментарии.
3) Удаление нежелательных комментариев.
4) Альтернативные сервисы для размещения комментариев (IntenseDebate).

Итак, сегодня мы говорим с вами о настройке комментариев (Разрешать или не разрешать комментарии, Извещение о получении новых комментариев на email, Модерирование комментариев).

Идем как всегда Панель управления - Настройки - Комментарии

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

1) Комментарии. Их можно Показать или Скрыть. Если вы выберите скрыть комментарии они удалены не будут, просто Blogger не будет их показывать пока вы не дадите ему на это разрешение.

Важное замечание. Показывать или Скрывать комментарии можно так же на уровне поста. Зайдите в Редактор Blogger'а и в нижнем левом углу редактора вы увидите псевдоссылку Настройки сообщения кликните по ней и в левой колоночке Комментарии читателей вы сможете выбрать: а) Разрешить б) Запретить, показать существующие в) Запретить, скрыть существующие.

На мой взгляд очень удобно. В случае если некоторые из ваших статей вы хотели бы сделать информационными. И нечего тут обсуждать ;).

2) Кто может отправлять комментарии? Здесь есть возможность разрешить комментировать ваши статьи: Любому - включая Анонимных пользователей,
или Только зарегистрированным пользователям - включает OpenID | Только пользователям с аккаунтами Google | Только участники этого блога.

Замечание. Если вы выбираете, что угодно кроме первого пункта Любой, ваши читатели с отключенным, как у меня на работе, протоколом https комментарий разместить не смогут.

Уж не помню, что там стоит по умолчанию, но у меня во всех блогах стоит Любой. И если я еще могу понять комментирование только участниками блога (блог в данном случае является коллективным творчеством и комментарии это все то же продолжение этого творчества). То представить, в каком случае может понадобиться отфильтровывать комментаторов по признаку наличия Google-аккаунта или OpenID мне не дано... Это сродни объявлению своего блога как DoFollow, а потом жалобы на спам. Защищаться от спама следует пре или пост модерированием комментариев.

Вообще, игру в DoFollow я не очень понимаю.... Сама, будучи интровертом, комментирую редко, когда только чувствую необходимость в моем комментарии и это никогда не зависит от Do или No Follow политики блога. Единственная разница в DoFollow блогах я использую OpenID (если человек, за мои слова готов подарить мне ссылку, то пусть уж это будет ссылка на мой блог, в который вкладываю много сил, чем ссылка на мой профайл).

3) Размещение формы для ввода комментариев. Возможным выбором здесь будет: На всю страницу, Всплывающее окно, Вложенное ниже сообщение. Дело исключительно вкуса. Здесь надо просто попробовать одно-другое и решить, что больше подходит именно вам. Долгое время Вложенное ниже сообщение было только на WordPress'е и являлось предметом моей каждодневной зависти. Доступность формы для ввода комментариев под статьей и на платформе Blogger сделала меня абсолютно счастливой... Хотя в этом блоге, я изменила настройки, на "всплывающее окно", т.к. статьи я пишу очень длинные и часто при ответах на вопросы мне приходится обращаться к самой статье.

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

БабочкиЯночки можно посмотреть скриншоты разных видов размещения формы для ввода комментариев).

4) Настройка по умолчанию для комментариев в сообщениях. Всего два значения: У новых сообщений есть комментарии или У новых сообщений нет комментариев. Здесь в отличии от пункта 1) имеется в виду возможность оставлять комментарии, а не прятать/показывать. Как изменить эти настройки для отдельно взятой статьи мы уже рассматривали в этом же пункте 1).

5) Обратные ссылки. Их можно Показать или Скрыть. В общем-то, я не вижу в них большого смысла. Начиная с того, что они по умолчанию NoFollow. А иногда, как заметила БабочкаЯночка (И у меня есть "ссылка"), эти ссылки даже ни как не будут связаны с содержимым вашего поста (просто ссылки с блогов, где ваш блог стоит в списке чтения).

Некоторые блоггеры считают очень удобным использовать возможность создавать обратные ссылки... (БабочкаЯночка пишет подробно и об этом: Как отправить ссылку на пост в блоге) - опция может быть полезна для коллективных блогов, я же по старинке все свои ссылки рисую руками. Если вы подзабыли как это делать то взгляните на досуге сюда: Blogger: Начала HTML - Ссылки!

Лично я не прячу обратные ссылки. Кстати, их так же как и комментарии можно удалять... Ну, это так к слову пришлось ;).


6) Настройка по умолчанию для обратных ссылок в сообщениях. Пункт аналогичный 4) только в этот раз про обратные ссылки. Возможности всего две: В новых сообщениях есть обратные ссылки и В новых сообщениях нет обратных ссылок.

И так же как в случае с комментариями для каждого поста этот параметр можно регулировать вручную. Во время редактирования нажимаем всю ту же ссылку: Настройки сообщения и теперь уже во второй колонке (Обратные ссылки) можно выбрать из трех возможностей: Разрешить | Запретить, показать существующие | Запретить, скрыть существующие.

7) Формат отметки времени для комментариев: Ну, здесь у нас ничего существенного нет, просто формат даты и времени комментария.

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

9)Ввод комментариев. Эта более чем загадочная фраза означает Ввод премодерации комментариев. И уже после моего "перевода" ясно что обозначают возможные значения этого параметра: Всегда (модерировать комментарии), (Наложить модерацию) Только на более старые сообщения, чем несколько дней, Никогда (не модерировать комментарии). Вот такой у меня получился перевод этого пункта.

Там еще ниже есть поле для ввода адреса электронной почты. Если вы введете туда свой адрес, то вам будут приходить уведомления о поступивших в ваш блог комментариях, нуждающихся в вашем одобрении.

Или комментарии, нуждающиеся в модерировании (их количество), вы увидите на Панели инструментов напротив вашего блога.

Премодерировать, постмодерировать комментарии или же устроить в своем блоге кусочек свободы слова без всяких ограничений, каждый, как и все в своей жизни, решает для себя сам. Я только напомню, что блоггер несет ответственность за ВСЁ содержимое своего блога и за комментарии, которые могут оскорбить других читателей тоже.

10) Показывать проверку на основе графического кода для комментариев? Имеется ввиду обыкновенная капча [CAPTCHA [ˈkæptʃə] (от англ. «Completely Automated Public Turing test to tell Computers and Humans Apart» — полностью автоматизированный публичный тест Тьюринга для различия компьютеров и людей) Wikipedia].

Что до меня, у меня ни в одном блоге еще не появлялось ни одного комментария, который я бы заподозрила в автоматическом создании. Комментариев поступает не так уж много, и их всех я просматриваю перед публикацией (модерирую), так что в капче я не нуждаюсь.

11) Показывать в комментариях изображения из профиля? У меня стоит "Да", но работает это только для комментариев, которые размещены только На всю страницу, или во Всплывающем окне. Покажет, для комментаторов, кто использовал в подписи Google-профайл, изображение из их профайла (профиля). Извините, не могу использовать слово профиль в качестве компьютерного термина, профайл намного лучше...

12) Оповещение о комментарии по электронной почте. Можно ввести до 10 адресов электронной почты. Комментарии надо читать! (Опять же мое личное мнение). А еще надо на них отвечать - вот сегодня статью допишу, а завтра всем-всем отвечу! Уж, так получилось.... что подзапустила немножко.

Еще в связи с этим пунктом хочу добавить, что IvanXP может научить вас Как оперативно отвечать на комментарии.

13) Тринадцатое и самое важное. Не забудьте нажать кнопку СОХРАНИТЬ, когда внесете изменения в настройки.


БОНУС. Если вы хотите перенести свои статьи из одного блога в другой и при этом хотите, чтобы комментарии тоже переехали вместе со статьей:

1) сделайте полный бэкап (резервную копию) вашего блога (
Самый легкий способ сделать бэкап на Blogger'е)

2) а затем восстановите посты из этой резервной копии в другой блог - они восстановятся со всеми комментариями (
Blogger: Восстанавливаем Блог из Бэкапа).

Всем удачи и хорошего настроения!
Света
Blogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

3.5.09

Blogger: Чердак и подвал у вас в шаблоне.

31 comments

Bсе для Blogger: Чердаки и подвалы в вашем макете (Привидение).
Здравствуйте! Когда я выбираю картинки к своим постам, я всегда отдаю предпочтение детским работам. Сегодня это работа Кати Вертоградовой, которая учится в 5 А классе гимназии 1565. Вот на этой страничке я взяла эту работу, а вы можете сходить и проголосовать за неё.

Проголосовали, вернулись? А теперь давайте перейдем от моих художественных пристрастий к собственно привидениям. А к привидениям, потому что они, как мне кажется, живут в основном по чердакам и подвалам... Возможно, я и неправа... воспоминания у меня как-то остались от Карлсона, который на чердаке притворился привидением и напугал местных воров. Ну, да ладно, давайте организуем в макете нашего блога чердак и подвал, а уж кем их заселить и что в них хранить вы будете решать самостоятельно. На чердаке можно например показывать горизонтальное слайд-шоу самых лучших картинок из своего блога (Blogger: Создаем горизонтальное слайд-шоу).

Вот что я имею в виду:



У кого таких подвала и чердака нет, и кто хочет себе их построить, читаем инструкцию:

0. Делаем резервную копию текущего шаблона (Blogger: Сохраняем и восстанавливаем шаблон на Blogger(е)!)

1. CSS - описание для чердака или подвала:

Чердак:

#top-wrapper {
width: 900px;
margin: 0 auto;
background: $top_bg;
color: $top_color;
font-size: 100%;
}

Подвал:

#bottom-wrapper {
width: 900px;
margin: 0 auto;
background: $bottom_bg;
color: $bottom_color;
font-size: 100%;
}

Теперь давайте я вам объясню, что в этих описаниях есть что:

width - это по английски ширина. Найдите самую широкую часть вашего блога (называться она может поразному) и поставьте вместо моих 900px сколько там у вас их (в смысле пикселей) нашлось. Кто использует "резиновые шаблоны" (у вас ширина измеряется не в пикселях, а в процентах) ставит width 100%.

background - фон мы сказали, что фон будет задаваться в переменной top_bg (для чердака) и bottom_bg (для подвала)

color - цвет шрифта тоже для удобства вынесем в переменные: top_color (для чердака) и bottom_color (для подвала)

font-size
- размер шрифта я для начала поставила 100% но вы потом можете уменьшить или увеличить размер шрифта в зависимости от ваших потребностей

1а. Куда поставить CSS описания чердака и подвала:

Я предлагаю в вашем шаблоне найти строчку ]]></b:skin> и ПЕРЕД ней добавить наши описания.

Раз уж мы с вами решили все делать удобно и по науке, т.е. вынесли описания цветов фона и шривта в переменные, то

2. Давайте эти переменные опишем:

<Variable name="top_bg" description="Цвет фона на чердаке"
type="color" default="#ffffff" value="#ffffff">
<Variable name="bottom_bg" description="Цвет фона в подвале"
type="color" default="#ffffff" value="#ffffff">
<Variable name="top_color" description="Цвет шрифта на чердаке"
type="color" default="#000000" value="#000000">
<Variable name="bottom_color" description="Цвет шрифта в подвале"
type="color" default="#000000" value="#000000">

Чтобы не долго думать, да и у всех цвета в блоге разные я поставила начальные цвета: черные буквы на белом фоне - как в книжке, а вы уж потом их сами себе исправьте. Очень удобно будет через Дизайн - Цвета и Шрифты

Следующий вопрос куда эти описания цветов поставить... Очень вероятно, что у вас в HTML-коде шаблона есть такая строчка:

/* Variable definitions

Она обычно располагается очень близко к началу

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

Все описания сделаны осталось последнее вставить их на конкретное место в структуре блога.

Проверьте не сломалось ли чего-нибудь в вашем шаблоне нажав кнопку ПРОСМОТР и если все хорошо нажимаем кнопку СОХРАНИТЬ.

Внимание! Чтобы совсем не запутаться галочку на РАСШИРИТЬ ШАБЛОНЫ ВИДЖЕТА мы НЕ СТАВИМ.

3. Изменения в структуре шаблона.

Это самая трудная для объяснения-описания часть, потому что во многих шаблонах используются разные названия для структурных единиц. Я попробую, что-то по этому поводу написать, а вы если что-то не найдете или у вас будет не получаться спрашивайте.

а) Прежде всего находим начало <body>

не далеко от <body> видим описание заголовочной части блога. Оно очень похоже на это:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Заголовок вашего блога (Header)' type='Header'/>
</b:section>
</div>

И теперь после закрывающего </div> можно вставить наш чердак:

<div id='top-wrapper'>
<b:section class='topper' id='topper'/>
</div>

Проверьте если ничего в шаблоне не испортилось, то можно сохранить изменения.

б) А подвал разумеется будем вставлять внизу кода.

Идем в самый низ нашего кода видим строчки:

</div>
</body>
</html>

ПЕРЕД </div> вставляем код для нашего подвала:

<div id='bottom-wrapper'>
<b:section class='bottommer' id='bottommer'/>
</div>

Еще раз проверяем и если ничего в нашем шаблоне не испортилось нажимаем кнопку СОХРАНИТЬ.

Теперь идем в Элементы страницы и видим новые места в Макете куда можно добавить гаджеты. Идем в Шрифты и цвета и меняем скучную черно-белую раскраску наших чердака и подвала на более соответствующую цветам вашего блога.


Вот только что вспомнила... Еще на чердаке можно разместить горизонтальное меню, но о нем мы поговорим в следующий раз.

А пока всем удачи и
хороших праздников!


Света
Blogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

Популярные сообщения