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

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

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

А речь идет о том, что если у блога более одного автора, то встроенный 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 в Заголовке пишем Обо мне, а в Содержание вставляем вышеприведенный код с вашими изменениями и нажимаем СОХРАНИТЬ.

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