Как создать и загрузить пазл к себе на страницу блога — используем конструктор пазлов онлайн

конструктор пазлов онлайнСделала я первое задание Марафона в виде пазла.

А потом подумала, вдруг так же как и с закреплением записи на главной странице получится — писать не хотела, думала засмеют с такой ерундой. А оказывается многие не знают, как это сделать.

Итак, для тех кто не знает, как создать и загрузить пазл к себе на страничку.

Все очень просто.

картинка для пазла

Картинка, из которой делаем пазл, должна храниться у вас на компьютере. Например возьмем вот такую, желтенькую.

Сами понимаете, картинку выбрала из вредности, чтобы ее «попроще» собирать было :).

Далее воспользуемся онлайн конструктором пазлов flash-gear.

Укажем путь к нашему файлу:

конструктор пазлов

И размер кусочков, на которые будем делить картинку:

puzzle 2

Выберем самые маленькие?

конструктор пазлов онлайн в действии

Ладно, ладно, пошутила я. Я же не хочу, чтобы вы ночевали у меня на блоге. Таких мелких пазлов делать не буду, обещаю.

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

код пазла

Копируем его и в текстовом редакторе вставляем в нужную запись.

На этом можно остановиться, но код содержит в начале и в конце ссылки на сервис. Причем, разумеется, не закрытые от индексации. Если вас это не волнует, то дальше можно не читать.

Если хотите ссылки убрать, то удаляем куски кода. Вначале:

<br><center><a href="http://www.flash-gear.com/index.php?puz"><img src="http://www.flash-gear.com/puz1.gif"></a><br>
И в конце:

<BR><a href="http://www.flash-gear.com/index.php?puz"><img src="http://www.flash-gear.com/puz2.gif"><br><b><font face="Verdana"><h5>provided by flash-gear.com</h5></font></b></a><br></center><br>

А то, что осталось, центрируем. Т.е. в коде выше теги  <center></center>  можно не удалять.

Вот теперь можно и поиграться :)

 

 

Хотите первым узнавать, что нового произошло на блоге «ДЕЛАЙ И БОГАТЕЙ!»? Подпишитесь на обновления!

Получать статьи на e-mail


Понравилось? Поделись с друзьями!

Комментарии:

34 Комментариев

  1. Очень даже полезная информация! Я, например, не знала как делать вот такие пазлы!

  2. А вот ту картинку, где составляющих частей пазла больше 100 — спрячьте подальше :D Инфаркт же будет, я сначала подумала это и есть новое задание :D

  3. Я тоже не знала как делать такие пазлы, теперь буду знать и иметь,
    Мне кажется, неплохая идея иногда в конце статьи делать такие задания, вместо например какого-нибудь видео, ведь многие с удовольствием будут собирать такую картинку, тем самым задерживаясь на блоге и улучшая поведенческие факторы

  4. А я вообще не знала о существовании пазлов, только у Вас из увидела :)

  5. Класс…очень понравилось..даже не знал и не видел такого…спасибо . Кстати само написание статьи — тоже понравилось, не скучно хоть читать было..

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

  7. Катерина, спасибо Вам большое за такой замечательный урок! Мне пазлы встречались на одном женском блоге. Всегда было интересно после темы собрать пазл. Теперь с Вашей помощью и мы украсим свои блоги пазлами!

    • Сергей, я сперва вообще не хотела на эту тему статью писать — думала открою секрет Полишинеля всем. А оказалось, что очень полезная тема. Пользуйтесь, пусть ваши читатели тоже радуются!

      • Спасибо за статью и за сервис, Катерина. Там столько всяких штучек интересных. Не только пазлы. Можно даже мини опрос организовать на сайте :)

  8. Вот и отлично, Катерина, что решили написать об этом тему! Судя по комментариям ещё не всем о пазлах всё известно. Но я рад, что Ваша тема встретилась раньше, чем пришлось бы в поиске её искать. Я пока немножко погулял на Вашем сайте и уже заметил много интересных и нужных тем. Спасибо Вам, Катерина!

  9. С удовольствием, Катерина! А чтоб не забыть, оформил подписку! :)

  10. Больщое спасибо давно хотела, у себя на сайте иметь пазлы. Теперь с вашей помощью я сделала это.

  11. Вера:

    Простите, возможно вопрос глупый, но не повредит ли ссылка в скрипте?

    • Вера, смотрела через сервис, анализирующий внешние ссылки (dinews.ru), ее не видно.
      Но даже если и будет какая-то незакрытая ссылка на несколько статей — ведь не 10 же ссылок из 1 статьи у вас. Я считаю, что это не криминал будет.
      Но еще раз повторюсь — как внешней ссылки со своего сайта я ее не увидела.

  12. Вера:

    Большое спасибо! И за ответ, и за статью. Очень люблю разные интересные штучки, обязательно использую пазлы на обоих своих блогах.

  13. Ширина пазла очень большая, он за страницу вылезает! Спасибо за урок! Я было уже хотел бежать на яндекс. Но)))

  14. Ой, как здорово! А я и не знала, что можно такие пазлы в статью вставлять. Сегодня же попробую. Спасибо!

  15. А я-то предполагала, что картинки сервис предлагает!

  16. Катерина, спасибо огромное! Уже поставила у себя на сайте пазл. Заметила только, что некоторые кусочки пазлов куда-то пропали, — наверное, затерлись за границу поля белой рамки. Не знаете, как этого избежать? Может быть, проблема в вытертых частях кода со ссылкой? Подскажите кто-нибудь что можно сделать, я в этом деле совершенный чайник. :-(

    • Юлия, у меня такого не было, чтобы совсем кусочки пропадали :(. А под собранной частью пазла не могли кусочки остаться? Как-то раз я так искала-искала кусок, а он «спрятался» под картинкой…

  17. Денис:

    интересная программа по составлению пазлов, надо попробовать

  18. Очень мне помогла эта статья, так как пазлы я вставляла именно по данной инструкции, все четко и понятно.

  19. Катерина, как здорово! Я только подумала о том, что хорошо было бы сделать пазл на сайте и о чудо попала на ваш сайт и нашла, как это сделать! Большое спасибо вам!

  20. Антон:

    Хороший конструктор, встречал его на другом блоге. Только вот есть одна проблема: он иногда показывает не все части пазла. Так что при проведении конкурса пазлов, бывает сложно разгадать кодовое слово.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *