среда, 22 апреля 2009 г.

Добавить виджеты Google Friend Connect в Blogger. Как добавить "стену" (the Wall gadget).

Недавно меня спрашивали в комментариях - как сделать так, чтобы добавить в блог на Blogger социальные виджеты от Google Friend Connect.
Раньше это можно было сделать без труда, но сейчас, когда "постоянных читателей" соединили с Google Friend Connect - создание таких штук, как стена, на которой можно писать что-нибудь (наподобие той, что  вы видите здесь справа), и Social Bar, о котором я писал - стало невозможно.
Потому что после добавления виджета "Постоянные читатели" блог не появляется в вашем аккаунте Google Friend Connect.
А если вы пытаетесь присоединить свой блог через сам интерфейс Google Friend Connect - то он выдаёт ошибку, в которой написано, что у вас на сайте не созданы соответствующие страницы, без которых ничего поставить нельзя.
Хотя раньше было можно.
Тем не менее, способ есть.

Итак, как добавить виджет "Стена" - the Wall gadget. (Как добавить Social Bar - потом напишу).
Вначале надо поставить себе виджет "постоянные читатели" в настройках Blogger: макет / элементы страницы.
Поставили, сохранили.
Теперь выходим из настроек, и просто открываем свой блог. Щелкаем на пустое место экрана правой кнопкой мыши, и, в выпадающем меню, выбираем "Исходный код страницы".
Открывается код нашего блога. Нажимаем Ctrl+F, и ищем строчку:

renderMembersGadget

Находим (во всяком случае должны; если вы не поставите виджет "постоянные читатели" - то этой строчки вы не найдёте).
Прямо под этой строчкой будут строки наподобие:

id: "div-1240722731616"
site: "13836780858905189172"

Эти номера нам понадобятся.
Затем мы снова заходим в макет / элементы страницы. Там добавляем виджет: "HTML/JavaScript".
И вставляем в него код:



Не забываем, что в этом коде надо заменить в двух местах надпись: "ВАШ_НОМЕР_ID" на свой личный номер, который вы узнали чуть ранее, и один раз заменить на свой номер "ВАШ_НОМЕР_SITE".

Вставили код, сохранили виджет. Должно работать.
Теперь можно настроить цвета. Это можно сделать, если вы зайдёте в ваш виджет "Постоянные читатели". Там будет список цветов, подходящих по цветовой гамме для вашего блога.
Берём оттуда циферки, обозначающие тот или иной цвет, и заменяем ими соответствующие циферки в коде "стены".
Затем:можно менять ширину стены. Для этого измените цифру - количество пикселей в строке width:282px.
В строке POSTS_PER_PAGE можно изменить цифру "5" на какую-нибудь другую в пределах от 1 до 15. Эта цифра означает количество сообщений, отображаемых у вас на стене.

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

Способ навеян словами socialbar-enabled. Он, правда, писал про Social Bar. Ну, там принцип тот же самый.

24 комментария:

  1. ого) спасибо огромное! )Завтра неприменно попробую

    ОтветитьУдалить
  2. Странно, сегодня попробовал. Вместо "чата" появилась какая то невразумительная серая полоска, пробую еще раз о_О

    ОтветитьУдалить
  3. Попробывал еще раз, тоже самое... Результат можно посмотреть на моей странице слева внизу, под гаджетом "постоянные читатели" ><

    ОтветитьУдалить
  4. Adion, странно, я вчера делал, до сих пор работает:
    http://muzrev.blogspot.com/
    Внизу справа.

    ОтветитьУдалить
  5. Adion, а я под "постоянными читателями" у вас вообще ничего не вижу.

    ОтветитьУдалить
  6. Все разобрался. Причина была в том, что не поставил Ид вверху :) Щас все работает)
    Кстати, если не трудно, как сделать 3 колонки на сайте, как у вас? (1ый столб основной, 2ой "подписка", 3ий "Поиск по блогу") Нашел только статью про 3 гаджета внизу страницы, а вот про 3 столбца нет

    ОтветитьУдалить
  7. Да и кстати на счет ширины "стены". Как не изменял ее ширину, а она все равно узкая и при любом изменении ширины она видна только лишь на половину. Вижу у вас на http://muzrev.blogspot.com/ аналогичная проблема. Это незаметно если сообщение на стене короткое, а если длинное то половину его банально не увидишь

    ОтветитьУдалить
  8. Как я понял, выход тут один - увеличить ширину столбца в котором находится "стена", но вот как?

    ОтветитьУдалить
  9. Adion, рад что разобрались.
    Три столбца - это я давно делал, уже и не помню как. Как настроение будет - напишу.
    Чтобы у вас нормально влезал виджет - вам надо увеличить ширину сайдбара. Манипуляции с кол-вом пикселей ширины "стены" не помогут.
    На http://muzrev.blogspot.com/ на моём мониторе всё отображается нормально. Он у меня широкий, а сайт не имеет фиксированной ширины и растягивается. На меньших мониторах, видимо, не влезает.
    Увеличить можно, если залезть в "макет/изменить HTML" и позаменять циферки, отвечающие за общую ширину блога и за сайдбар в частности.
    Может потом тоже напишу.

    ОтветитьУдалить
  10. изменял ширину сайдбара (#sidebar) в итоге уменьшилось место столбца где сообщении, вроде #main, а если начинаю изменять #main то столб с сообщения вообще сползает под сайдбар >_<

    ОтветитьУдалить
  11. Adion, вначале вам надо изменить
    #header, значение width: 800px; - ну, поставьте там стока пикселей, сколько вам надо.
    Это ширина шапки.
    А затем - #content-wrapper, значение width: 800px;
    на то же самое число, что и в header-е.
    А после этого уже увеличить сайдбар.
    Но будте внимательны: рассчитайте кол-во пикселей.
    Предположим, вы увеличили ширину #header и #content-wrapper на 150px. Значит и в сайдбар надо добавить эти 150 пикселей.
    Или 100 в сайдбар и 50 в #main, к примеру.

    ОтветитьУдалить
  12. все правильно написано! и легко использовать

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

    ОтветитьУдалить
  14. Супер, без стены нынче никуда!

    ОтветитьУдалить
  15. Prokofevna, принцип прост: сколько в одном месте убавляете - столько же в другом прибавляете.

    ОтветитьУдалить
  16. А я ни у вас, ни у себя ничего не могу написать на стене. Не знаю, в чёи проблема...

    ОтветитьУдалить
  17. Metallen Einklang, а каким браузером пользуетесь?

    ОтветитьУдалить
  18. Melnar Tilromen, пользуюсь Оперой 9.6. А что?

    ОтветитьУдалить
  19. Melnar Tilromen, стена заработала, странно, но факт... Настроек не менял, просто зашёл посмотреть, написал ты мне ответ или нет, а оказалось, что стена у меня работает...

    ОтветитьУдалить
  20. Недавно меня спрашивали в комментариях - как сделать так, чтобы добавить в блог на Blogger социальные виджеты от Google Friend Connect.
    Раньше это можно было сделать без труда, но сейчас, когда "постоянных читателей" соединили с Google Friend Connect - создание таких штук, как стена, на которой можно писать что-нибудь (наподобие той, что вы видите здесь справа), и Social Bar, о котором я писал - стало невозможно.
    Потому что после добавления виджета "Постоянные читатели" блог не появляется в вашем аккаунте Google Friend Connect.

    ОтветитьУдалить
  21. извиняюсь если чего не понял,код-то какой?
    Затем мы снова заходим в макет / элементы страницы. Там добавляем виджет: "HTML/JavaScript".
    И вставляем в него код:
    а ниже пустое поле
    нет кода никакого...

    ОтветитьУдалить
  22. Пост еще актуален? Я вообще раньше не слышал о таком гаджете. Какие его функции?

    ОтветитьУдалить