2014-06-03

Как добавить книгу pdf на сайт

вставить pdf на сайт
Как вставить видеоролик, аудио или flash на сайт знают все, а как разместить на сайте книгу pdf в виде удобной читалке читайте в этой статье.
Оглавление:
  1. Простой код размещения книги pdf на сайте,
  2. Вставить pdf-файл  c помощью google диск
  3. Книга на сайте в виде удобной читалки с эффектом перелистывания страниц.
  4. Публикуем книги с помощью сервиса slideshare.net

Размещаем книгу pdf с помощью кода html

Вы можете загрузить pdf-файл книги на сайт. Если у вас blogger, то вы не сможете загрузить pdf – в этом случае вы можете загрузить файл на ucoz в файловом менеджере или в сообщение блога liveinternet.ru.

Загружаем на ucoz – в админ панели переходим в радел “Файловый менеджер” –> загрузить файл и скопируйте прямую ссылку:
ucoz

Второй способ получения прямой ссылки на файл pdf – загрузка в сообщение блога liveinternet.ru. Создайте запись в расширенном режиме и загрузите ваш файл в виде вложения. Опубликуйте сообщение. Скопируйте ссылку на файл:
2014-06-03_18-22-45

Подставляем ссылку на файл в код:
<object data=http:/photoforum.do.am/Zarabotok-na-partnerskih-programmah.pdf type="application/pdf" width="500" height="450"></object>
или в код iframe (этот код предпочтительнее первого):
/*
<iframe height="480" src="http://photoforum.do.am/Zarabotok-na-partnerskih-programmah.pdf" width="500"></iframe>
Замените ссылку, выделенную желтым на вашу ссылку на книгу в формате pdf.
Пример:

Как разместить книгу на сайте, используя google диск

Загружаем pdf-файл на google диск и открываем ссылку. Не забудьте сделать загруженный файл общедоступным.
настройка-доступа
Осталось получить код вставки книги для размещения в блоге: Файл –> Опубликовать в интернете
2014-06-03_18-37-09
гугл диск
Пример

Размещаем книгу в виде читалки

Для этого нам нужно зарегистрироваться на сайте issue.com.
Загружаем книгу в форматах pdf, doc, ppt и др, но не более 500 листов через функцию upload. Дожидаемся загрузки, даем название, описание публикации и, если вы хотите, чтобы ваши посетители могли скачивать вашу книгу, отмечаем флажок напротив “Readers can download”:
2014-06-03_18-47-56
После публикации (Кнопка “Publish now”), просматриваем книгу – “Open Publication”.
Для того, чтобы получить код книги для публикации на сайте или в блоге под просмотром книги перейдите по ссылкам Share –> Embed и выберите подходящий код для вашего ресурса:
книга
Это может быть скрипт или iFrame-код.

Публикуем книги с помощью сервиса slideshare.net

На сервис slideshare.net вы также можете загрузить свою книгу в форматах pdf или в формате Word, а также презентацию ppt с помощью кнопки "Upload" и разместить файл на вашем сайте или блоге. В режиме просмотра файла скопируйте код embed:

Пример

17 комментариев :

Something From nothing комментирует...

Ценная информация, спасибо! как-нибудь попробую.

Крошка Саломея комментирует...

А яндекс-диск в качестве места загрузки файла подойдет?

Иванова Наталья комментирует...

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

Веста Керамика комментирует...

А зачем так сложно? Почему нельзя просто поставить ссылку, а по ней открытие pdf файла? В чем фишка именно такого размещения?

Иванова Наталья комментирует...

Веста Керамика, все зависит от целей блоггера. Конечно, для блоггера на вордпрессе, может даже лучше выложить ссылку на документ. Получится большее количество просмотренных страниц и как следствие улучшение ПФ. Для блоггера на blogger не получится выложить документ на своем хостинге. Итог - сторонняя ссылка и уход посетителя с сайта ((

Nochka комментирует...

Очень подробно и доступно написали!
Пойду добавлю книжку, а то не умела.

Виктор комментирует...

Однако неожиданно много вариантов. Хотя разъяснения по поводу отличия от вордпресс понятны. Я просто с блоггером не имел дел, а в вордпрессе все решается элементарно.

Владимир Кулаксизов комментирует...

Спасибо, как раз искал как сделать такую презентацию, как последняя.
Но проблема в том, что на сайте куда я вставляю iframe почему то пишет, типа не могу найти это...
Опубликовывал для всех, открытую, но на сайте так и не видно(

Владимир Кулаксизов комментирует...

Уже всё норм, это у меня были баги)

Дмитрий Борисевич комментирует...

Отлично! Спасибо, выручили)

Анонимный комментирует...

Спасибо! Информация пригодилась

Vita комментирует...

Вот только сервис slideshare заблокирован роспотребнадзором (

Людмила Дроздова комментирует...

Наталья, как получить код я поняла, а вот куда вставить нет...

Иванова Наталья комментирует...

Людмила, код нужно вставить прямо в сообщение в режиме HTML. Скриншот

Ирина Лисовец комментирует...

Помогите, плиз, пытаюсь опубликовать книгу на блоггер, загрузила её на гугл диск, выполнила шаг 1 и 2, а дальше остановка, не пойму где получить код вставки книги для размещения в блоге, у меня нет меню ФАЙЛ?

Иванова Наталья комментирует...

Ирина, после загрузки на Google Disk кликните правой кнопкой мыши по документу,выберите "совместный доступ", далее активируйте доступ по ссылке. Так вы сделаете документ общедоступным. Теперь дважды кликните мышью по иконке документа - откроется документ в Google документах.
Здесь вы уже найдете полноценный редактор вашего документа, а также команду ФАЙЛ в меню. Повторюсь: Файл -> Опубликовать в интернете -> встроить.

Ирина, если мое объяснение непонятно, то напишите мне об этом, и мы решим эту проблему.

chernovknizhnik комментирует...

pdf-файлы не открываются в google документах, а если открывать в них принудительно, то отображение pdf сильно искажается.

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности