16.11.10

Picasa, отдай мою ссылку!

6 comments

Picasa, отдай мою ссылку!
Здравствуйте!

В прошлой статье (Картинка вместо слов "Читать далее") я упомянула, что картинки хорошо хранить на Гугловском сервисе Picasa Web Albums. А почему бы и нет: 1 Gb бесплатного пространства + неограниченный bandwidth (неограниченное количество показов картинки).

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

Сначала, немного об организации картинок/фотографий на сервисе Picasa Web Albums, а организованы они как следует из названия сервиса по альбомам. Если вы никогда до этого сервисом Пикаса не пользовались, то зайдя по адресу http://picasaweb.google.com/ вы увидите обложки ваших уже существующих альбомов - по одному альбому на каждый блог, который вы ведете на Blogger'е, а обложкой для альбома служит одна из размещенных в нем фотографий. Так что ничего страшного.

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

Дальше, давайте рассмотрим картинки:

Картинка 1. Если вы выбрали уже загруженную в Альбомы Пикаса картинку, то нажмите на линк Ссылка на эту фотографию на картинке я отметила это место зеленой галочкой, а если вы сначала хотите загрузить фотографию, то нажимайте на кнопку Загрузить - я обвела её красным.
Картинка 1


Картинка 2. Немного парадоксальная: Смотрите сами, вместо того чтобы взять ссылку из окошка над которым русским языком написано Ссылка, мы берем ссылку из строчки, которая расположилась под заголовком Вставить изображение. На картинке я это место выделила и обвела обвела зеленым, но перед тем как забирать ссылку, надо
1. Выбрать размер картинки
2. И сказать (поставить галочку), что мы хотим Только изображение (ссылка отсутствует).

Шаги на картинке обозначены красными цифрами.

Картинка 2


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

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

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

Всем здоровья и удачи!
Света


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

12.11.10

Blogger: Картинка вместо слов 'Читать далее'.

20 comments

Здравствуйте,

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

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

Лично мне нравится несколько способов создания расширяемых сообщений:

1. Читать далее реализованное в самом Blogger'е. (То что сделано самим Blogger'ом надо любить по определению, тем более что с этим очень легко работать).

Нет в мире совершенства, даже у Blogger'а, поэтому мне в свое время пришлось написать пару постов на тему Встроенные в редактор Blogger'а расширяемые сообщения:

Как вставить 'Читать дальше' и чтобы боковая колонка осталась на месте.
Как показать видео от YouTube НАД катом от Blogger'а..

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

3. И еще мне очень нравится так называемая Шапка-невидимка, здесь ссылка Читать далее не уводит посетителя с главной страницы.

Сегодняшний мой короткий пост является небольшой доработкой к встроенному в редактор Blogger'а ката (кат это от английского cut - резать ссылка Читать далее).

Задача: Заменить в посте ссылку Читать далее, на ссылку-картинку.

Решение:
1) Найти или нарисовать красивую картинку что-то типа Читать далее, Смотреть подробности, Дальше еще интереснее и т.д.

2) Загрузить картинку и получить ссылку на неё. Если у вас нет на примете бесплатного надежного хостинга для картинок, которым вы всегда пользуетесь, я предлагаю вам воспользоваться сервисом от Google'а Picasa Web Albums ведь именно туда загружаются все картинки, которые вы вставляете в свои сообщения через редактор Blogger'а.

Здесь можно прочитать как загрузить в Альбомы Пикаса картинку и получить на неё работающую ссылку: Picasa, отдай мою ссылку!

3) Итак, после второго шага у нас есть есть ссылка на картинку, которую мы бы хотели использовать как ссылку Читать далее.

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

В Html-коде шаблона находим выражение:

<data:post.jumpText/>

и меняем его на

<img src="http://ссылка на нашу картинку" alt="Читать далее" title="Дальше еще интереснее!"/>

Слова в alt и title можно поменять, а ссылку на картинку НАДО поменять обязательно.

Чтобы сместить картинку вправо ищем в коде строчку:

<div class='jump-link'>

и заменяем её на

<div class='jump-link' style='text-align:right;' >

Всем здоровья и удачи!
Света

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

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