24.2.09

Blogger: Возвращаем Постоянных Читателей!

28 comments

У меня САМЫЕ ЛУЧШИЕ ФРЕНДЫ!


Здравствуйте! Этой заметкой мы всецело обязаны нашей любимой блого-платформе Blogger! Вчера все мы потеряли процентов по 20%, а кто и больше своих Постоянных Читателей. Спасибо всем кто не остался равнодушным к этому явлению и начал кричать об этом на весь интернет. В Russian Blogger Help Group (по-русски) открылась ветка дискуссии, где мы разобрались, что исчезновение Постоянных Читателей связано с интеграцией Blogger и Google Friend Connects.

Хорошей новостью явилось, что Постоянные Читатели никуда не исчезли, просто часть из них получила статус Анонимных Постоянных Читателей (вот их и не показывают и даже не считают в виджите постоянных читателей).

Решение найдено! Нет я не скажу как вернуть своим Постоянным Читателям ПУБЛИЧНЫЙ статус взамен АНОНИМНОГО, который у некоторых из них появился, но я расскажу как порадовать своих любимых блоггеров своим "возвращением" - ведь для нас всех это очень важно знать, что мы имеем аудиторию, для которой стараемся и пишем.

Итак, идем на страницу Управление блогами, которые я постоянно читаю и меняем Анонимное на Общедоступное(Открытое) постоянное чтение (Пояснение терминов здесь)

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

Спасибо Bebekk'e (Бебеккины Кузяки), которая начала дискуссию в Russian Blogger Help Group и нашла приведенное мною решение этой проблемы в блоге у AlexandR_UA (EVERYBODY LIES (c) думки вголос..).

Я думаю, что стоит только рассказать Постоянным Читателям об этих "новшествах" и они к нам обязательно вернутся!

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

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

нужна помощь - поможем! Читать дальше...

22.2.09

Blogger: Улучшенные расширяемые сообщения (Убираем под кат) !

112 comments

С праздником, дорогие защитники!
Здоровья, Счастья, Любви и Удачи!

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

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

Итак, сегодня мы продолжаем разговаривать о расширяемых сообщениях, о которых мы начали разговор в прошлый раз (Blogger: Расширяемые сообщения (Убираем под кат) -1). Многие читатели заметили, что возможно это не совсем оправдано, когда ссылка "Читать далее..." появляется во всех сообщениях, даже в тех в которых читать далее нечего (они были написаны давно и под кат там ничего убрано не было).

Ред. Наконец Blogger разработал встроенную в редактор возможность убирать часть поста под кат. Очень рекоммендую воспользоваться: Blogger: Как вставить 'Читать дальше'

Лирическое отступления для специалистов: Исследование этого вопроса, как улучшить предложенный в Blogger Help скрипт заняло у меня примерно неделю. Я заходила с разных сторон, пытаясь добиться, чтобы ссылка "Читать далее..." появлялась только у сообщений, написанных после определенной даты. Это у меня не получалось, потому что язык XHTML, на котором написаны шаблоны у Blogger не поддерживает сравнение строк на больше-меньше, только равно - не равно (по крайней мере у меня не получилось заставит Blogger произвести такое сравнение). Можно было пойти по пути включения в код куска на java-script, но.... тут несколько дней назад я встретила уникальную статью, написанную умнейшим человеком Yin Wang. Во всем интернете ТОЛЬКО ОН догадался до красивой и очевидной (для людей владеющими в совершенстве CSS - я к ним к сожалению не отношусь, зато есть куда стремиться) идеи как сделать чтобы ссылка "Читать далее..." появлялась только в статьях где мы убирали под кат часть статьи. Прочитав его статью: A better way to create expandable post summaries in Blogger (для классических шаблонов), написанную еще в 2005 году, я вдохновилась и адаптировала его идею для новых шаблонов Blogger'а, исправив по пути несколько неточностей (сразу видно, что статью писал математик, для которого главное - красивая идея ;)).

Итак, предлагаю вашему вниманию результат совместного творчества: расширяемые сообщения для платформы Blogger методом Prostova-Wang ;)

Как всегда:

Панель инструментов -- Дизайн -- Изменить Html
Ставим галочку на Расширить шаблоны виджета.


1) Находим тег </head> и ПЕРЕД НИМ пишем кусок кода описывающий CSS-style

<style>
a.more{display:none;}
<b:if cond='data:blog.pageType != &quot;item&quot;'>
span.fullpost {display:none;}
span.fullpost + a.more {display:inline;}
span.fullpost + div + a.more {display:inline;}
<b:else/>
span.fullpost {display:inline;}
</b:if>
</style>
Те кто, уже внедрил код расширяемые сообщения из предыдущей статьи, заменяют написанный ранее блок <style> ... </style> на этот.

2) Теперь находим в нашем Html-коде строчку

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

Ее (эту строчку мы оставляем в покое - не трогаем), а ПОСЛЕ НЕЁ вставляем код:
<a class='more' expr:href='data:post.url' style='font-size:130%;' title='Читаем всю статью…'>Читать дальше...</a>

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


Пояснение: Этот код ни что иное как описание ссылки "Читать далее..." она будет вставлена после тела вашей статьи (а вот появится она или она будет спрятана зависит от того заканчивается ли ваша статья "спрятанной областью" или нет [это описывается в CSS-коде, который мы вставили на предыдущем шаге]).

Описывать ссылки мы уже учились вот в этой статье: Blogger: Начала HTML - Ссылки! и знаем что такое title, и знаем, что может быть разумнее не отправлять читателя навсегда на страницу со статьей, он может и не вернуться к нам на главную для этого можно вписать в тег ссылки параметр target='_blank' (например перед первой >). В нашем коде для ссылки "Читать далее..." я специально поставила описатель стиля style='font-size:130%;' - тем самым сказав браузеру увеличить шрифт на 30% от базового. Вы можете этот описатель убрать, а можете и добавить всяческих красот типа:
изменить цвет color: вот так будет еще заметнее; (вместо русских слов вставляем номер любимого цвета),
font-weight: bold; - хочу чтобы текст ссылки была полужирной и т.д. на что фантазии хватит (такого рода описатели вставляем между апострофами в параметре style и не забываем заканчивать описатель каждого свойства точкой запятой).

Ну, вот собственно с исправлением шаблона мы закончили. Нажимаем ПРОСМОТР и если у нас ничего не сломалось СОХРАНИТЬ.
3) Работа над шаблоном закончена. А чтобы статья стала расширяемой конец статьи, который мы будем прятать, должен быть заключен между тегами <span class="fullpost"> и </span>

Обратие внимание: Очень важно, чтобы статья заканчивалась спрятанной областью (только в этом случае у нас появится ссылка "Читать дальше...")

Теги в статью можно поставить вручную: Когда статья уже целиком написана переходим в режим "Изменить Html", ищем место, начиная с которого будем прятать текст и ставим <span class="fullpost"> теперь идем в самый конец статьи и ставим </span>.

Для тех у кого в статье слишком сложное форматирование, написана специальная статья: Blogger: Структура языка HTML (приложение к статье о расширяемых сообщениях). Она вам поможет грамотно расставить теги для обозначения спрятанной области!

А еще можно изменить Шаблон сообщения:

Идем Панель инструментов -- Настройки -- Форматирование и внизу странички видим:

Шаблон сообщения В окошко напротив этого параметра вставляем следующий код:


Здесь краткое описание поста для главной страницы <br/><span class="fullpost">Здесь размещаем спрятанную часть</span>


Всех Защитников с Праздником,
а Защищаемых - с замечательными Защитниками!


Ура!!!

Света


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

17.2.09

Russian Blogger Help Group (по-русски) !

30 comments

Voprosy o Blogger/BlogspotЗдравствуйте! Эта идея давно носилась в воздухе: объединить лучшие умы русскоязычной блогосферы для обсуждения тем связанных с платформой Blogger/Blogspot.

Первый шаг уже сделан: на Google Groups организована группа Russian Blogger Help Group (по-русски). Теперь дело за малым начать этим пользоваться. Поэтому я приглашаю как опытных гуру так и полных чайников к дискуссиям в этой группе. (Похвастаюсь по секрету Дмитрий aka Melnar Tilromen (Russian Anti-SEO) и Александр (Записки европейца) уже готовы отвечать на ваши вопросы).

Зарегистрироваться может каждый желающий, имеющий аккаунт на Google, но так как мы собираемся обсуждать вопросы, связанные с платформой Blogger, то у всех заинтересованных лиц уже есть Google'овский аккаунт.

Регистрация в картинках:

1) Идем по адресу:

http://groups.google.com/group/russian-blogger-help-group?hl=ru

2) Видим картинку:



Кликаем "Присоединиться к этой группе".

3) Теперь картинка поменялась:



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

4) Теперь можно создавать новые сообщения и отвечать на уже созданные.

Добро пожаловать!


Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем!
PS Чтобы изменить настройки участия, например, если вы не хотите получать новые сообщения в группе на email кликните Изменить настройки участия См картинку:


И выберите: Не посылать сообщения (Я просмотрю эту группу в Интернете) Читать дальше...

13.2.09

Blogger: Расширяемые сообщения (Убираем под кат) -1

56 comments

Кстати, я такие рисунки рисовать не умею. В школе я, вообще, не умела провести прямую линию без линейки. А вот учащиеся школы номер №11 г.Жуковский умеют!
Вышел Месяц из тумана
Вынул ножик из кармана
Буду резать....


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

Прежде всего что такое кат. Кат это способ оформления статьи, когда часть статьи не первоначально не показывается, а вместо этой части в статье размещена ссылка Читать далее... Продолжить.. или Read more... (по-английски).

На мой взгляд основных способов вынесения части статьи под кат два:

1) В первом способе мы видим всю статью целиком только на странице самого поста. На всех же остальных страницах (главная страница, страница рубрики, поиска или архива) мы видим только краткое описание статьи со ссылкой на "страницу статьи".

2) Во втором способе ссылка "Далее" показывает нам спрятанную ранее часть поста, не уводя читателя со страницы, на которой он уже находится, т.е. она является псевдоссылкой.

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

А вот дальше читать НЕ НАДО!
Потому что уже написаны статьи:

1) Blogger: Улучшенные расширяемые сообщения (Убираем под кат)!
2) Blogger: Расширяемые Посты на JavaScript!
3) Blogger: 'Читать далее' для самых ленивых или газетный стиль вашего шаблона.
4) 'Читать далее' теперь встроено в редактор Blogger'а!

И это еще не все о расширяемых сообщениях!

Следите за обновлениями...

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

Алгоритм взят из официального справочника по использованию платформы Blogger:

1) Прежде всего убедитесь, что у вас "Включены страницы сообщений"
Панель инструментов -- Настройки -- Архивирование
Включить страницы сообщений? - Да


Этот параметр сообщает Blogger'у о нашем желании иметь отдельный адрес для каждой статьи блога. (По умолчанию этот параметр Да).

2)
Теперь нам надо будет внести изменения в Html-код шаблона нашего блога:

2а)
Панель инструментов -- Дизайн -- Изменить Html
Ставим галочку на Расширить шаблоны виджета.

Находим строчку: </head>

и ПЕРЕД НЕЙ вставляем следующий кусок кода:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


2б) Теперь находим в нашем Html-коде строчку

<data:post.body> здесь могут быть небольшие разночтения,
но хотя бы
data:post.body - вы должны найти -- и обязательно найдете, я вам обещаю!

и ПОСЛЕ НЕЁ вставляем код:

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Читать далее...</a>
</b:if>


Естественно слова Читать далее вы можете заменить на что угодно, например Продолжаем разговор ;)? и кстати это и будет продолжением разговора, потому что ваш читатель по ссылке перейдет на страницу поста, где он увидит: весь текст вашей статьи, уже оставленные комментарии и сможет сам оставить комментарий.

3) Теперь осталась только работа с самой статьей. При написании статьи нам придется отметить кусок/куски, который/которые будут спрятаны от глаз читателя на всех страницах, где предполагается более одного поста.

a) Продвинутые пользователи после написания поста и перед его публикацией переходят в режим Изменить Html и окружают текст, который будет спрятан Html тегами <span class="fullpost"> и </span>

б) Для внимательных блоггеров есть еще один способ. Слышали ли вы о возможности изменить Шаблон сообщения?

Итак, идем Панель инструментов -- Настройки -- Форматирование и внизу странички видим:

Шаблон сообщения В окошко напротив этого параметра вставляем следующий код:

Это краткое описание поста для главной страницы <span class="fullpost">А это то что мы спрячем</span>

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

Всем удачи и счастья!

А я пошла проверять как этот способ будет работать в этом блоге (тем более я хочу его продемонстрировать только на этом посте). Чтобы увидеть способ в работе кликните на Ярлык "Расширяемые сообщения" или "Под кат". На странице с этой рубрикой сообщение будет расширяемым... ;)

Света


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

6.2.09

Blogger: Подписка на Рубрику (Ярлык)!

19 comments


Картинка взята из очень интересной статьи - открытого урока в 11 класс по теме Что такое цвет?
Красный, синий, голубой - выбирай себе любой...

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

Напомню, что мы уже знаем и умеем делать с ярлыками (тегами):
1) Знаем как легко их поставить в уже существующие посты и как сделать их более видимыми на странице (Blogger: Работа с метками и ярлыками!)
2) Знаем как расположить перечень ярлыков более компактно на боковой панеле блога (Blogger: О ярлыках опять - Облако тегов!)
3) Научились ограничивать количество постов, показываемых на странице вашей рубрики (Blogger: Количество постов в рубрике и на главной странице!)

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

А сделать это очень просто такого рода фид для ярлыка/рубрики, мы можем найти по адресу:

http://адрес вашего блога/feeds/posts/default/-/Имя ярлыка
А чтобы привести пример и заодно что-нибудь (ну, конечно же свой любимый блог: Russian Video from Russia) порекламировать, я покажу вам парочку примеров таких фидов (feed)
1) На мультфильмы с сайта Russian Video from Russia можно подписаться по адресу:
http://video.kylekeeton.com/feeds/posts/default/-/Cartoons

2) А если вам интересны наши с Кайлом музыкальные пристрастия, весьма впрочем консервативные и связанные с темой видеоблога т.е. с культурой бывшего СССР и нынешних стран СНГ, милости просим взглянуть и возможно подписаться на этот фид (feed):
http://video.kylekeeton.com/feeds/posts/default/-/Musical%20Video

Что с адресами фидов делать дальше, в каком виде их предложить вашим читателям, каждый выбирает для себя сам. Могу только сказать, что FeedBurner принимает такие адреса фидов без проблем.

Всем Удачи и Счастья!
Света

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

4.2.09

Blogger: Количество постов в рубрике и на главной странице!

18 comments

Лучше меньше, да лучше!

Здравствуйте! Сегодня я хочу поговорить о компьютере для веб-дизайнера. В общем, я не могу сказать точно какой это должен быть компьютер -- думаю, что не такой как здесь на картинке. На мой взгляд компьютер вообще должен быть ... средненьким - примерно таким же как у вашего читателя. Иначе, веб разработчик никогда не поймет всех страданий читателя, которому его творение только что подвесило компьютер... не смертельно, конечно, повисит и может мышка заработает, можно будет на крестик нажать или браузер отвалится -- в совсем запущенном случае можно и тремя пальцами проголосовать за понравившийся сайт (я имею ввиду клавиши Cntrl-Alt-Del).

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

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

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

Я просто расскажу вам как уменьшить количество постов на странице (на главной странице и на странице рубрики (ярлыка)). [Что такое Ярлыки и как ими управлять читаем здесь: Blogger: Работа с метками и ярлыками!] Для меня это очень актуально, потому что мне нравится вести видеоблоги, а в видео блогах, если не прятать видео под кат, страница с 25 видео будет грузиться невероятно долго.

1) Уменьшаем количество постов на главной странице. Это очень просто - нам даже не придется писать абсолютно никакого кода.

Заходим на Панель инструментов -- Настройки -- Форматирование и здесь в первом же параметре можно поменять "Показать ... дн./сообщ. на главной странице" (по умолчанию 7, у меня обычно 4, а вообще, можно и до 500...)

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

Чтобы справиться с этой бедой нам придется немного подправить HTML код:

Панель инструментов --> Дизайн --> Изменить Html


Ставим галочку на Расширить шаблоны виджета.

И находим все строчки их будет скорее всего две (ищем как всегда с помощью CntrF) начинающиеся символами:
<a expr:href='data:label.url'
Теперь эти "начинающиеся символы" очень просто меняем на
<a expr:href='data:label.url + "?max-results=4"'
Я поставила 4, потому что это число оптимально для моего блога, вы можете поставить сколько вам нравится от 1 до 100.

А продолжение строчки оставляем как было.

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

Всем УДАЧИ!Blogger: кошка.
Света

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

PS Кстати, для ЖЖ я тоже нашла место, где меняется количество постов на странице, если кому надо - обращайтесь.

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

Play and Feed a Hungry Person
Banner
Читать дальше...

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

Здесь были: