27.9.09

Blogger: Устанавливаем гаджет Рекомендовать от Google Friend Connect

54 comments

Recommend It (Google Friend Connect Gadget) on BloggerЛучшее в блоге (мнение читателей).

Здравствуйте! Реально речь пойдет не о том что я считаю лучшим в этом блоге или Постоянные Читатели рекомендуют здесь почитать (об этом вы сможете узнать самостоятельно, взглянув на боковую колонку в раздел где такими красными буквами на ярко-желтом фоне написано "Читатели рекомендуют:"), а здесь я всего лишь расскажу о гаджете Рекомендовать! от Google Friend Connect, который у меня здесь и работает.


Как установить гаджет Google Friend Connect Рекомендую
в вашем блоге на Blogspot'е:


1) Идем на сайт Google Friend Connect: http://www.google.com/friendconnect/
2) Из списка своих блогов выбираем блог, на который мы хотим установить гаджет рекомендую и кликаем на него. Вот, я например сейчас решила установить этот гаджет еще на один свой блог Russian Video from Russia (соединю приятное с полезным, а вам картинки будут ;)).
3) Кликаем на "Social gadgets" и выбираем гаджет Recommendation.
4) Постепенно двигаемся сверху вниз по странице настройки гаджета Рекомендации:

I. Настраиваем Лист рекомендаций (Configure the recommendation list). Здесь все просто - слова в заголовках можно менять на русские, можно поменять количество ссылок показываемых за один раз (чтобы увидеть остальные читатель должен будет кликнуть Дополнительно на этом гаджете). Подбираем ширину, цвета и тип шрифта для гаджета, которые подойдут для нашего блога. (Делаем это аналогично с тем как мы делали при установки гаджета Комментарии от Googole Friend Connect: Blogger: Комментарии от Intense Debate vs Google Friend Connect).

II. Настраиваем Кнопку "Рекомендовать" (Configure buttons). Здесь уже начинаются тонкости и если кнопку мы в принципе можем выбрать любую: с сердечком или с галочкой, расширенного формата или маленькую и даже поменять на ней надпись. Все это дело вкуса.

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

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

То ставим галочку на поле "Advanced options for multiple buttons on a page" (Дополнительные опции для нескольких кнопок на странице). И там на против каждого поля: Link text и Link URL выбираем "Custom".


III. Теперь самое простое кликаем на кнопку Generate code (Сгенерировать код). И получаем два куска кода.

Первый кусок кода: про него они пишут Add this to the page where you'd like the aggregation gadget to appear надо добавить на боковую колонку вашего блога или в место на вашем шаблоне где вы хотите чтобы висел Список рекомендованного.

Второй кусок кода, а про него они пишут Add this to the pages where you'd like a button to appear добавить в то место, где вы хотите чтобы была кнопка Рекомендовать. Я думаю в нашем случае будет идеально добавить код в качестве Постскриптума (см. Blogger: Постскриптум для ВСЕХ постов вашего блога!)

IV. Предупреждение о том что сгенерированный на шаге III код может быть размещен только в том блоге для которого мы его сгенерили.

5) Со страницей гаджета Рекомендаций мы закончили, а теперь давайте грамотно установим код в шаблон блога.

Итак, если вы решили разместить кнопку рекомендовать только на странице статьи. Вы вспоминаете Как убрать постскриптум с главной страницы блога и мы на этом можем считать, что гаджет Рекомендовать у вас в блоге установлен.

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

Будем исправлять ситуацию. Итак, для кнопки мы получили какой-то такой каждый свой код:

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-3595719624701175122" style="width:100%;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['HEIGHT'] = '73';
skin['FONT_FAMILY'] = 'verdana,sans-serif';
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = 'transparent';
skin['ENDCAP_TEXT_COLOR'] = '#FF8000';
skin['BUTTON_STYLE'] = 'modular';
skin['BUTTON_TEXT'] = 'Recommend it to others!';
skin['BUTTON_ICON'] = 'default';
skin['BUTTON_MODULE_PROMO_TEXT'] = 'Did you like this page?';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: 'div-3595719624701175122',
url:'http://www.google.com/friendconnect/gadgets/recommended_pages.xml',
height: 73,
site: '17026078346313475023',
'view-params':{"pageUrl":"http://www.mysite.com/products.html#product1","pageTitle":"Product1","docId":"recommendedPages"}
},
skin);
</script>
Первый набор символов (цифры конечно будут у всех свои) выделенный светло голубым заменяем выражением:
expr:id='data:post.id'
Второй набор символов, выделенный светло зеленым заменяем выражением:
'<data:post.id/>'
Третье выражение заменяем (выделенное розовым) на следующее:
"<data:post.url/>"
И, наконец четвертое выражение (выделенное светло лиловом) заменяем следующим:
"<data:post.title/>"

После внесения всех изменений как всегда нажимаем сначала ПРОСМОТР если кнопки появились, нажимаем СОХРАНИТЬ, если нет или только одна внимательно смотрим сравниваем исправляем ошибки и нажимаем ПРОСМОТР. Если процесс надоел и ничего не получается нажимаем ОТМЕНИТЬ ИЗМЕНЕНИЯ и возвращаемся к этому развлечению позже - например, на растущей Луне [говорят очень хорошо все получается! ;)]

6) Небольшой совет: не стесняйтесь рекомендовать свои статьи сами. Ваши рекомендации очень важны для читателей! И маленькое наблюдение: Гаджет "Рекомендации" у меня работал везде, кроме одной из моих самых любимых статей: Blogger: "Читать далее" для самых ленивых или газетный стиль вашего шаблона. Оказалось все дело было в двойных кавычках, когда я их изменила на одинарные - гаджет Рекомендовать появился, но большинство читателей уже прочитало эту статью без гаджета. Вот так оно и бывает....

Пусть каждый ваш день будет удачным!
СветаBlogger: кошка.

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

19.9.09

Blogger: Как убрать постскриптум с главной страницы блога.

23 comments

Куча-мала в блоге и как с ней бороться!

Здравствуйте, сегодня мы продолжим разговор о постскриптумах в блоге. Постскриптум вещь интересная и инструмент мощный. Но как и во всем в жизни здесь главное не переборщить, что бы не сделать из блога вот такую кучу-малу, как у меня на рисунке (Рисунок, кстати, не я придумала. А придумал его небезызвестный дизайнер Артемий Лебедев для "Детского клуба в Меге" ).

Так вот по поводу кучи-малы из постскриптумов в блоге. Иногда просто необходимо некоторые постскриптумы показывать только на странице самого поста.

Представьте себе такую ситуацию: Незнайка показывает на главной странице своего блога лишь короткие выдержки из своих статей (каким именно способом он это делает я точно не знаю, но догадываюсь, что это скорее всего он использует способ названный 'Читать далее' для самых ленивых я его, кстати, тоже очень люблю, хотя в этом блоге не прячу свои сообщения под кат совсем). Итак на главной странице Незнайка показывает только небольшую часть поста, а за подробностями он предлагает всем желающим кликнуть по ссылке "Читать далее", но впрочем тут же говорит что его блог самый лучший и все статьи в его блоге просто СУПЕР как и эта, которой мы собственно еще в глаза не видели (3 строчки summary не считаются) и чтобы не пропустить новой такой же интересной или даже еще лучше статьи нам срочно надо подписаться на блог и/или добавить его в закладки. И так после каждого summary на главной странице блога (раз 10). Вот это я и называю Кучей-малой в блоге! А на странице отдельного поста все, кстати, выглядит очень правильно, красиво и логично (прямо как доктор Пилюлькин прописал): пост прочитали, нам очень понравилось мы добавили его в закладки, а заодно и подписались на рассылку чтобы не пропустить новый действительно очень оригинальный обзор Незнайки о жизни Цветочного города.

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

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

Находим в Html-коде шаблона нашего блога постскриптум (как и зачем мы вставляем постскриптум в шаблон читаем здесь: Blogger: Постскриптум для ВСЕХ постов вашего блога) и окружаем его тегами:

Перед началом постскриптума вставляем тег:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

а в конце после постскриптума приписываем вот такой тег:

</b:if>

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

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

Всем Здоровья и Удачи!
СветаBlogger: кошка.

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

13.9.09

Blogger: Постскриптум для ВСЕХ постов вашего блога!

28 comments

Семь бед – один ответ,
Один ответ – пустяк.

(Булат Окуджава)
Здравствуйте! Не знаю насколько точно подошел эпиграф к теме о которой я буду сейчас рассказывать, но так как ничего лучше я не нашла, оставлю этот.
Итак, причем здесь Post Scriptum и при чем здесь те самые уже упоминавшиеся семь бед. Только при том, что на все мы будем давать один ответ или проще говоря размещать один и тот же Post Scriptum для всех статей в блоге: для уже написанных и только еще задумывающихся.
Что может стать постскриптумом - да все что вы хотите. Кстати, недавно прочитала в одной умной статье (http://bibliotekar.ru/biznes-27/67.htm), что люди (90%) обычно читают постскриптум.

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

Давайте сначала определимся куда и как в нашем шаблоне можно вставит постскриптум, а потом уже побеседуем подробнее о том, что можно вставить в качестве постскриптума.

К сожалению, для размещения постскриптума править шаблон блога. нам все-таки придется. Можно, конечно не править, а просто зайти в Панель инструментов -- Настройки -- Форматирование и найти там напротив параметра Шаблон сообщения окошечко и вставить туда наш Постскриптум и нажимаем СОХРАНИТЬ. Тогда при написании новой статьи у вас в редакторе всегда будет отображаться ваш Постскриптум (и вы его не забудете вставить). Но это будет работать только для новых статей и если однажды вы захотите его изменить, кроме того что вам надо будет изменить его в этом окошечке (напротив параметра Шаблон сообщения), вам возможно придется и отредактировать ваши старые статьи на предмет изменения пресловутого постскриптума, что не есть хорошо.

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

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

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

Итак,

1. Идем Панель управления -- Дизайн -- Изменить Html

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

3. Находим строчки, ПОСЛЕ которых можно безболезненно вставить Постскриптум:

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

Внимание (для всех даже кому тема постскриптума не интересно): Чтобы вставить вставить пробел в Html-код вашего шаблона нажать символ пробел на клавиатуре недостаточно, так же как и не достаточно нажать на клавиатуре Enter, чтобы начать текст с новой строки. Для этого в Html существуют специальные символы.

На место пробела в нашем Html-коде вставляем такой набор символов &nbsp; или такой &#160; (точка с запятой ОБЯЗАТЕЛЬНА), а если хотим вставить "перевод каретки" используем тег Html: <br/>

А еще как я уже упомянула можно выделить постскриптум в блок. Это делается путем добавления в начало постскриптума Html-тега <div> а в конец постскриптума закрывающий тег </div> Этот способ еще хорош тем, что в тег div можно добавить описателей стилей, с помощью которых можно изменить размер и цвет шрифта в постскриптуме, а также сделать его полужирным или курсивом. О том как вставить описатель стилей для текста в блок div можно почитать здесь: Blogger: Картинка с подписью.

Самое сложное проскочили! Теперь еще несколько мест, куда можно добавить постскриптум, кстати, постскриптумов может быть несколько:

2) Например после такой строчки: <div class='post-footer-line post-footer-line-2'/>

3) Или после такой строчки: <div class='post-footer-line post-footer-line-3'/>

4) Вы даже можете попробовать добавить ваш постскриптум после строчки <div class='post-footer-line post-footer-line-1'/> но в этом случае будьте аккуратны, т.к. в блоке post-footer-line-1 содержится обычно служебная информация об авторе, дате написания и ярлыках поста. Поэтому в этот блок вставлять постскриптум придется аккуратно, примерно также аккуратно как мы делали в пункте 1).

5) Для тех кто все-таки не хочет править Html-код своего шаблона есть все-таки один способ!
Идем Панель управления -- Дизайн нажимаем Нажимаем Добавить гаджет и в гаджет запихиваем все-что мы хотим сделать постскриптумом к статье, затем переносим гаджет как мы уже делали здесь: Blogger: Перемещаем гаджеты по макету

Теперь, что можно вставить в качестве постскриптума:
1) Самое простое какую-нибудь важную фразу. Вот у меня долгое время в качестве постскриптума к каждому посту на видеоблоге была фраза "We really care about our videoblog, please tell us if video does not work. We'll fix it!" (Т.е. я просила читателей говорить если видео в статье не показывается и обещала исправить ситуацию).
2) Картинку - разделитель или картинку с вашим автографом тоже имеет смысл вставлять в шаблон как постскриптум, потому что при изменении шаблона возможно картинку-divider также захочется изменить Для примера взяла картинку с сайта Free Animated Dividers, Web Page Bars and Lines. Такая красота - так и хочется поместить её под каждым постом ;).

3) Можно вставить код Одной кнопки. Эта кнопка идет у меня после текста: Понравился пост - добавь в закладки, чтобы не потерять.
4) А у Кайла долгое время была кнопка AddThis для добавления ссылки на пост в англоязычные социальные сети.
5) Можно поставить какую-нибудь забавную rss-иконку с напоминанием, что посетитель вашего блога все еще может БЕСПЛАТНО подписаться на обновления вашего блога. Ну, какой же русский (да, и не только русский) не любит халявы ;). Как организовать и настроить подписку на обновления блога, я расскажу в этом блоге позднее... A пока, не забыли ли вы подписаться на бесплатные обновления ;)))

ВАЖНО: Если вам понравился этот пост и вы думаете вставить постскриптум у себя в блоге, читайте продолжение этого поста: Blogger: Как убрать постскриптум с главной страницы блога или Куча-мала в блоге и как с ней бороться!

Всем Удачи и Исполнения Задуманного!

Света

Blogger: кошка.

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

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