25.4.10

Blogger: гаджет профиль - своими руками.

30 comments

Как показать свой профиль?

Звучит, конечно, диковато (а я и вовсе предпочитаю слово профайл), но мы-то с вами прекрасно понимаем о чем идет речь.

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

Для тех у кого красивый гаджет "Обо мне" превратился в скучный гаджет "Авторы" я расскажу два способа как нарисовать гаджет "Обо мне" самостоятельно.

Способ первый. Рисуем гаджет на основе гаджета Картинка.

Для этого нам понадобится:
0) Имя вашего профиля (Отображаемое имя).
1) Красивая картинка себя любимых (можно на вашем компьютере).
2) Заготовленная, вернее заранее записанная в Word'е или Блокноте, речь о вашем предназначении или хотя бы о предназначении вашего блога.
3) Место вашего проживания (если вы его хотите объявить).
4) Ссылка на ваш Blogger'овский профиль. [Заходим на Панель инструментов и кликаем на Просмотреть профиль и копируем адрес вашего Профиля из адресной строчки браузера]

Теперь если подготовительная работа проделана, все очень просто.

Составляем "полное описание картинки":

Имя вашего профиля из пункта 0: Вместо этих слов вставляем заготовленную речь из пункта 2 <br/> Здесь пишем, где живем пункт (3) <br/> <a href="адрес вашего профиля, полученный в пункте 4">Посмотреть весь профиль</a>
Слова записанные голубым курсивом заменяем на слова из заготовки.

На вкладке Дизайн кликаем по ссылке Добавить гаджет и из списка Основных гаджетов выбираем тип гаджета Картинка. Вот так он будет выглядеть:
И, разумеется, нажимаем СОХРАНИТЬ.

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

Для тех же кто хочет чтобы все было в точности как у Blogger'а.

Способ второй. Гаджет "Обо мне" на основе гаджета Html/JavaScript

Заготовка остается такая же как в первом способе, с единственной разницей, что ваша фотография уже должна быть опубликована в интернете. Давайте для этого возьмем вашу фотографию из Blogger'овского профиля. На Панели инструментов кликаем Просмотреть профиль, а в профиле кликаем на ссылку Крупным планом под вашей фотографией. Из адресной строки браузера копируем адрес нашей фотографии. Вот у меня, например, получился такой:
http://1.bp.blogspot.com/_THosNXNQORw/SddPrLj_56I/AAAAAAAAGZ4/G6fGYefE-4Q/S220-h/kykysvet.jpg
но использовать адрес для картинки в таком виде нельзя, его надо немного изменить убрать из него -h (я выделила темно-синим), получаем адрес такой:
http://1.bp.blogspot.com/_THosNXNQORw/SddPrLj_56I/AAAAAAAAGZ4/G6fGYefE-4Q/S220/kykysvet.jpg
вставляем в адресную строку браузера и убеждаемся, что это действительно фотография из нашего профиля.

Подготовительная работа проделана, теперь пишем код:

<a href="http://ссылка на ваш профиль"><img alt="Моя фотография" class="profile-img" src="http://ссылка на фотографию из профайла" width="80"></a>
<dl class="profile-datablock">
<dt class="profile-data">Имя вашего профайла (Отображаемое имя)</dt>
<dd class="profile-textblock">Здесь текст о вас, подготовленный в пункте 2 </dd>
</dl>
<a class="profile-link" href="http://ссылка на ваш профиль">Просмотреть весь профиль</a>
Теперь добавляем гаджет типа Html/JavaScript в Заголовке пишем Обо мне, а в Содержание вставляем вышеприведенный код с вашими изменениями и нажимаем СОХРАНИТЬ.

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

30 комментариев:

  1. Спасибо большое!!! Очень помогло!

    ОтветитьУдалить
  2. Светик, спасибо огромное! Заработало!
    Только мне кажется, что у меня раньше все описание шло справо от фото, а не внизу. Но и так тоже хорошо!

    ОтветитьУдалить
  3. Привет! не знаю у кого спросить, может вы знаете. У меня в блоге уже 3-ий день не отображается окошко с читателями и окошко с *последние комментарии*. Пустое место и всё. Я думала сбой какой в системе блогов, но смотрю у всех др.отображается, а у меня нет. Не знаете что м.сделать? спасибо!

    ОтветитьУдалить
  4. не обращайте внимание на моё сообщение выше, пожал-ста. Что-то случилось и оно опять появилось, хотч не понятно что такое было все эти 3дня..

    ОтветитьУдалить
  5. я бы хотел сообщить ВСЕМ о такой штуке как Firebug для Firefox

    http://www.youtube.com/watch?v=y2LjcNfLFkg&feature=player_embedded

    это нужно всем кто занимается дизайном сайта.

    ОтветитьУдалить
  6. скажите, как сделать так чтобы комментарии были так как на этом блоге?
    http://moradan.sopovs.com/2009/07/kirill-smit-trinity-test-16-july-1945.html#more

    там как на вордпресс, можно любой ник вводить.

    ОтветитьУдалить
  7. Света, большое Вам спасибо за этот полезный блог!

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

    ОтветитьУдалить
  9. Андрей (matuga), здравствуйте!

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

    Удачи во всем!
    Света

    ОтветитьУдалить
  10. Здравствуйте, Фотографии...

    "скажите, как сделать так чтобы комментарии были так как на этом блоге?
    http://moradan.sopovs.com/2009/07/kirill-smit-trinity-test-16-july-1945.html#more" -- WordPress здесь не причем там Discus (возможно самый популярный сервис комментариев). Да, он встраевается в Blogger тоже (Кайл не раз это делал на своих блогах).

    Попробуйте разобраться что к чему на их сайте http://disqus.com/overview/

    Если не получится, придется написать пост - давно меня об этом просили...

    Удачи во всем!
    Света

    ОтветитьУдалить
  11. Вам девочки спасибо, Александра, Lizon и Marjana!

    Спасибо, что зашли, что оставили комментарий и что у вас все получилось!

    Света

    ОтветитьУдалить
  12. Бывает иногда, Robin!

    С Постоянными читателями, вообще, иногда такие чудеса происходят...

    Но они исправляются, так что не берите в голову.

    Удачи во всем!
    Света

    ОтветитьУдалить
  13. спасибо, попробуем. вам бы написать пост о том как ставить домен на блогспот. вот мы тогда с вами разбирались, оказалось всё не так просто.

    ОтветитьУдалить
  14. Спасибо за статью, но все же хочется увидеть статью про то как менять домен.

    Новая песня из нового альбома который выйдет осенью, думаю вам понравится (если вы любите спокойную музыку):
    http://eltonclub.blogspot.com/2010/05/elton-john-youre-never-to-old-to-love.html

    ОтветитьУдалить
  15. У нас мысли одинаковые, Фотографии)
    Мирослав

    ОтветитьУдалить
  16. Светюсик,спасиба тебе за шикарнейший блог)

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

    ОтветитьУдалить
  18. -Гаджеты заново поставить.
    -Если нет изменений выбрать другой шаблон
    -А на крайний случай, если даже поставив стандартный шаблон все равно буквы непонятные, удалить блог и завести его заново.
    Мирослав

    ОтветитьУдалить
  19. Света! Ура! Я Вас нашла опять! Большое спасибо за Ваши уроки!Они так нужны чайникам, подобным мне. А нас так много! Теперь подпишусь и никогда больше не потеряю Ваш блог из виду!

    ОтветитьУдалить
  20. Спасибо, поставил у себя в блоге.

    ОтветитьУдалить
  21. Света, добрый день!
    Наверное, ВЫ уже знаете про новый гаджет от Гугла? Если нет, то позволю себе упомянуть о нем. Заодно будет ВАм новая темка в блог :) См. тут http://www.panoramio.com/api/widget/api.html

    ОтветитьУдалить
  22. Света, здравствуйте. Возможно вопрос не совсем по теме. Но что-то произошло в настройках моего блога http://novivitok.blogspot.com/. В тех блогах, которые я читаю, в списках читателей исчезла моя фотография. Если я повторно хочу записаться в читатели (стать постоянным читателем этого блога в самом верху блога) мне пишут, что я уже являюсь читателем. Если я пытаюсь записаться через «Читать» на боковой панели меня записывают, но не под моим именем, а пишут электронный ящик. Хотя в настройках профиля ничего как-будто не изменилось. Что можно сделать? Или куда обратить внимание? Буду благодарна за ответ.

    ОтветитьУдалить
  23. Большое спасибо! (сделал как в первом варианте)
    Хотя отображается "другой автор" под "члены коллектива" если заходишь в профиль.

    ОтветитьУдалить
  24. Спасибо вам большое!! Что бы мы все без вас делали:)! Все получилось (использовала 2 вариант)!!

    ОтветитьУдалить
  25. Большое Вам спасибо! У меня все получилось))))) Ох, чтобы я без вас и вашего блога делала))))))

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

    ОтветитьУдалить
  27. Благодарю за советы, в течении года (с момента начала ведения блога), благодаря Вам разобралась с большинством функций! Огроменное спасибо за советы!!! И этот в частности! Все получилось!!!

    ОтветитьУдалить
  28. Здравствуйте! Огромаднейшее спасибо! Удалила гаджет "обо мне" и только благодаря вам исправила! СПАСИБО!!!!

    ОтветитьУдалить
  29. Спасибо Вам большое-пребольшое!!!

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

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