Как фото из 500px опубликовать в блоге livejournal?

Jun 04, 2016 01:16


(ответ на вопрос, заданный здесь)

Так же, как и любое другое. Форматы (шаблоны) html-кода следующие:

если хотите просто показать картинку -



если хотите показать картинку, и чтобы по клику на картинку осуществлялся переход на соответствующую страницу 500px (как это сделано, например, в сообщении) -




атрибут alt нужен, чтобы улучшить индексацию сообщения и фотографии - этот текст попадает в индекс поисковика.


Со ссылкой на страницу всё понятно, а вот где взять ссылку на фотографию? Давайте разберёмся на примере яблоньки из этого поста. Проще всего нажать на кнопку Share (стрелка) и в случае с livejournal выбрать "Embed". После этого откроется окошко с фотографией и html-кодом внизу, который и надо вставить в блог, на сайт и т.п. Чем можно и ограничиться.



Однако, нетрудно заметить, что в тексте много нам ненужного мусора и саморерекламы 500px. Зачем "class='pixel-photo"? Кому нужен в такой простой ситуации javascript?!

Тем не менее, в тексте есть всё, что нам нужно (правда, следует оговориться, что в коде ссылка лишь на уменьшенную до 900 пикселей копию фотографии, что вполне достаточно для наших целей). И мы можем на основе него сформировать нужную нам ссылку по первому или второму шаблону. Конкретно в сообщении с веткой яблони это выглядит так:




Следует ещё добавить, что я давно не использую встроенный редактор livejournal. Готовлю html-код в специализированном редакторе и потом публикую его, копируя подготовленный код в окошко закладки html с включенной опцией "отключить автоформат".



Вот, собственно, и всё.

500px, microstock, микросток, фотобанк, share, livejournal, фотосток, html, stockphotography

Previous post Next post
Up