Иногда возникает необходимость показать в блоге не по одному фото, а чтобы они сменяли друг-друга. Например, выезжали одно за одним "паровозиком"
Для этого можно использовать готовые сервисы от "столпов" современных фотохостингов: Пикасы и/или Яндекса.Но можно пойти более независимым путем и поставить в блог свой скрипт.
Я остановилась на своем скрипте, когда после нескольких обновлений у меня просто перестали работать вставленные программы. Они устарели.Поэтому чтобы больше ничего не ломалось и не устаревало, я вставила свой собственный скрипт, не зависящий от других программ.
Встраивание слайд-шоу в блог на Блоггер с помощью скрипта html
Этот способ пригодится вам, если у вас готовые фото уже выложены где-то в сети. Тогда вы просто при редактировании поста переключаетесь в режим html, вставляете приведенный ниже код и дублируете в нем нужное количество строчек с ссылками на ваши файлы.
Скрипт мне помог написать муж. Он простенький, но те, кто понимают HTML, могут без труда модифцировать его. А для обычных целей и этого будет достаточно.
Дальше сам текст скрипта - его надо скопировать и вставить в нужное место в посте в режиме редактирования html
</div>
<div style="background: white; border: 3px solid silver; padding: 5px; text-align: center; width: 100%;">
<marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="10" width="100%">
<img style="width: 50%;" src="ссылка на фото1" />
<img style="width: 50%;" src="ссылка на фото2" />
<img style="width: 50%;" src="ссылка на фото3" />
</marquee></div>
</textarea>
</div>
border - толщина рамки
solid silver – цвет рамки silver
padding – расстояние между объеками внутри рамки и рамкой по вертикали
background:white – цвет фона white
width – ширина окошка, высота выравнится автоматически благодаря padding
text-align: center – выравнивание объекта внутри рамки
scrollamount – скорость движения картинок
width height – размер картинок
onmouseover=this.stop() onmouseout=this.start() – останавливает картинку при наведении на нее курсора мыши
solid silver – цвет рамки silver
padding – расстояние между объеками внутри рамки и рамкой по вертикали
background:white – цвет фона white
width – ширина окошка, высота выравнится автоматически благодаря padding
text-align: center – выравнивание объекта внутри рамки
scrollamount – скорость движения картинок
width height – размер картинок
onmouseover=this.stop() onmouseout=this.start() – останавливает картинку при наведении на нее курсора мыши
ссылок на фото может быть больше - просто дублируйте строчку.
Что еще полезного можно вставить в блог, читайте здесь:
Как вставить после поста ссылки на похожие посты с помощью LinkWithin
Как вставить счетчик посещений с флагами Flagcounter
Как вставить баннер в блог
Как вставить в блог рассылку по электронной почте
Какие кнопки счетчиков поставить в блог
Как вставить поиск по блогу
Кроме того, существует множество профессиональных программ, в которых можно создать слайд-шоу. Вы их без труда найдете через поисковик. Минус в том, что большинство из них сильно увеличивает время загрузки блога. Да и разобраться с их настройкой и установкой за 5 минут не получится (((
Что еще полезного можно вставить в блог, читайте здесь:
Как вставить список самых активных комментаторов
Как вставить музыку в блог
Как вставить проверку орфографии
Как вставить социальный плагин от Фейсбука
Как вставить виджет от ВКонтакте
Как вставить свои кнопки социальных сетей
Как вставить презентацию в блогКак вставить музыку в блог
Как вставить проверку орфографии
Как вставить социальный плагин от Фейсбука
Как вставить виджет от ВКонтакте
Как вставить свои кнопки социальных сетей
Как вставить после поста ссылки на похожие посты с помощью LinkWithin
Как вставить счетчик посещений с флагами Flagcounter
Как вставить баннер в блог
Как вставить в блог рассылку по электронной почте
Какие кнопки счетчиков поставить в блог
Как вставить поиск по блогу
Как всегда полезная информация на заметку, спасибо))
ОтветитьУдалитьhttp://beautyselective.blogspot.ru/
Рада, что интересно)
УдалитьСпасибо, у вас всегда интересненько)
ОтветитьУдалитьТатьян здравствуйте, подскажите, как в блоге отразить активных ПЧ на боковой панельке, допустим первые 5 человек,каким гаджетом воспользоваться??
ОтветитьУдалитьСпециально для вас написала пост :) "Как вставить в блог список самых активных читателей"
Удалитьспасибо! буду пробовать
ОтветитьУдалитьУспехов :)
УдалитьСпасибо огромное! Отличный материал!
ОтветитьУдалитьПожалуйста :)
УдалитьСпасибо !!! а возможно ли сделать окошко слайд-шоу больше по размеру???
ОтветитьУдалитьКогда вы получаете html-код слайд-шоу (первые два способа) или пишите его сами (третий способ), найдите среди параметров в нем width и hight - это и есть ширина и высота окна. Исправьте ее по своему усмотрению.
ОтветитьУдалитьЗдравствуйте, подскажите, пожалуйста, как сделать презентацию постов на главной страничке, например, как в сайте Марты Стюарт http://www.marthastewart.com/1072704/cook-5-19-14
ОтветитьУдалитьСпасибо.
То, что вы имеете ввиду, называется "слайдер". Я как раз сейчас раздумываю, вставлять его в блог и если да, то какой. Поэтому, если у меня что-то получится, обязательно напишу пост с подробностями. А пока попробуйте найти информацию о слайдерах в поисковике.
УдалитьБольшое спасибо! :)
УдалитьСлайд-шоу -отличный выход, когда фото очень много надо разместить! Спасибо за подсказку!!!
ОтветитьУдалитьТаня, а ты не знаешь как вставить в сообщение документ ворд?
Рада, что пригодится :)
УдалитьНасчет файла ворд: смотря, зачем это нужно. Если просто передать файл, то можно разместить его, например, на Яндекс Диске, а в блоге дать ссылку для скачивания. Если же вас интересует именно сам текст, то его можно просто скопировать в ворде и вставить в сообщение блога. А если нужны какие-то специфичные детали оформления (таблицы, диаграммы), то можно сделать принтскрины нужных страниц документа в ворде и вставить их в блог как изображения.
Да-да, таблица! Про принскрины я подумала, только как их делать не знаю. Вернее, нажимаю кнопку prt sc, а ничего не выходит. Я что-то делаю не так?
ОтветитьУдалитьКогда вы нажимаете prt scr, снимок экрана (в виде файла с расширением bmp) попадает в клипборд. После этого переключитесь в какую-нибудь графическую программу (например ту, которой вы просматриваете фото) и нажмите ctrl-v. Файл со снимком экрана вставится.
УдалитьЕсли у вас, как у меня, на компьютер установлена Пикасса, то тогда можно просто при включенной Пикассе нажать prt scr - в этот момент выскочит маленькое окошко с сообщением "Снимок экрана сохранен. Нажмите для просмотра", вы по нему щелкните - и увидите свой сохраненный файл.
Нажимаете на клавиатуре prt scr, затем открываете программу Paint, нажимаете "вставить", редактируете, сохраняете в формате JPEG- снимок готов.
УдалитьУ меня тоже Пикасса. Целый час билась с кнопками вс включенной Пикассой, ничего не выходит.И даже в Хром есть специальная функция по захвату экрана- не работает. А когда-то. я помню, получалось. Может это где-то настраивается?
ОтветитьУдалитьНет, вряд ли это у вас какие-то настройки. Не видя, трудно что-то посоветовать, но скорее всего это связанно с вашей клавиатурой. Может, у вас какая-то "навороченная" модель и есть переключатель на функциональные кнопки отдельно? Что-то типа "Fn" (function) или подобное? Проверьте, работают ли у вас кнопки F1, F2 и т.д. Вызывают они что-то? Тогда и PrtScr должна работать.
УдалитьТаня, почему на вы))
УдалитьДа, на клавиатуре есть fn. Но я и обычную подключала. В руководстве пользователя тоже написано , PrtScr для снимка экрана. Я понимаю, так трудно узнать причину. Но я очень благодарна тебе за отклик! Когда узнаю причину, по стараюсь сюда написать))
Обыкновенные "Ножницы" из Windows чем вам не нравятся?
Удалитьууу как просто
ОтветитьУдалитьБольшое спасибо за подсказку. Программа Пикасса есть, но почему-то никогда не пользовалась как слайд-шоу. Пикасса использовала только для обработки фотографий.
ОтветитьУдалитьВставила фотографии по третьему способу с помощью скрипта, но у меня одна в рамочке а другая внизу за рамкой. Почему???
ОтветитьУдалить