вторник, 26 февраля 2013 г.

Как сделать электронную книгу

В последнее время очень модно стало распространять свои инфо-продукты в виде электронных книг. Советы по ведению бизнеса, мастер-классы по рукоделию, учебные пособия - все можно скачать в виде электронной книги и прочитать у себя на компьютере.
Я тоже задалась целью сделать свою электронную книгу, в которую собрала развивающие занятия для детей, сделанные мною для проекта "Клуб почемучек". Результат вы можете увидеть и скачать на боковой панельке блога :) Дальше я опишу мой опыт создания электронной книги.


1. Для начала нужно получить готовый текст.
Его можно написать в текcтовом редакторе (например, Word). А можно и воспользоваться специальными программами для профессиональной врестки (например, Adobe InDesign). 
Но этот текст, хоть он и в электронном виде - еще не книга. Нам его надо сконвертировать, т.е. преобразовать в такой формат, чтобы тест оставался неизменным, какой бы программой и на каком компьютере его не просматривали. И, что немаловажно, чтобы его нельзя было редактировать, а можно только просмотреть.

2. Формат электронной книги.
Большинство тех, что я видела, сделаны в формате PDF, который можно просматривать с помощью  Adobe Reader. Формат очень распространенный, практически у каждого есть эта "читалка", так что проблем с просмотром обычно не возникает. Но может случится и так, что  Adobe Reader на компьютере не стоит, значит книга не откроется. Но я выбрала именно этот формат за простоту. Текст свой я писала в Word, а чтобы из вордовского формата doc преобразовать файл в формат pdf нужно всего лишь нажать "сохранить как" и выбрать из списка сохранить в PDF. Вот и все - книга готова! Она будет выглядеть точно так же. как и на экране в Ворде.
Для того, у кого проблемы с сохранением  в PDF есть он-лайн конвертеры, например, вот этот: http://go4convert.com/ToPdf_Ru


Можно пойти более сложным и "навороченным" путем и сделать книгу в формате exe-файла. Это удобно тем, что книга запускается абсолютно на любом компьютере. К тому же многие программы (их называют компиляторами) позволяют делать книги со всякими визуальными эффектами, вроде "перелистывания" страниц и т.д. Минус этого способа в том, что он достаточно трудоемок. Для того, чтобы организовать такую книгу, все страницы должны быть сделаны отдельными файлами, обычно в формате html. А потом надо все эти страницы объединить общим управляющим файлом.
Очень полный и интересный список сервисов для создания электронных книг можно посмотреть тут:  https://nit-for-you.wikispaces.com/E+-+book

3. Объемный макет обложки книги. 
При желании, обложку книги можно сделать в 3d, чтобы потом, например, поставить ее на сайдбар своего блога в качестве баннера для скачивания. Делается это легко и просто с помощью он-лайн программ. Я пользовалась  3d-pack.com.
Для того, чтобы получить 3d обложку, надо иметь графический файл-обложку (в формате рng, jpg или gif), второй файл - с задником книги (если надо), и третий - с корешком книги. Вставляешь адреса этих файлов в нужные окошки в программе, ждешь две минуты и на экране появляется макет обложки для книги. С помощью мышки ее можно повертеть, добиваясь нужного ракурса. После этого внизу картинки нажимаем формат, в котором хотим получить изображение (я выбрала jpg) и файл с рисунком обложки можно сохранить на свой компьютер. 


4. Публикация книги.
Когда книга готова, ее нужно предложить для скачивания людям. Можно просто разместить ее на каком-нибудь файлообменнике (я размещаю обычно на Яндекс.Диск) и всем желающим давать ссылку. Но это делают редко. Дело в том, что если оформить скачивание книги в виде подписки (например на  Smartresponder или Liveresponder), то можно получить список электронных адресов всех тех, кто заинтересовался этой книгой. А это и есть база вашей целевой аудитории. На блог часто заходят совершенно случайные люди, а вот вашу книгу скачают только те, кому она действительно интересна. Поэтому база адресов может очень пригодится, если вы захотите прорекламировать еще какой-то свой продукт или выпустите новую книгу.
Поэтому я воспользовалась сервисом Liveresponder. Все подробности я расписала здесь (По совершенно своим соображениям я все-таки сделала рассылку от Smartresponder, но все, что я писала о  Liveresponder, остается в силе).

5. Размещение баннера книги.
Теперь осталось только написать пост с анонсом книги у себя в блоге и вставить туда форму для заполнения, полученную на сервисе рассылки. А на боковую панельку блога поставить баннер с картинкой 3D обложки, при нажатии на который читатель перейдет на этот пост с анонсом. (Как вставить баннер, я писала тут)


Как сделать почтовую рассылку liveresponder

Почтовая рассылка мне понадобилась для того, чтобы распространять свою электронную книгу (о том, как ее сделать, я писала тут). Конечно, можно было бы просто давать ссылку на файлообменник, на котором лежит эта книга. Но тогда я никогда бы не узнала, что за люди скачали ее. А рассылая книгу через подписку, можно получить базу электронных адресов всех подписчиков. Ею потом можно будет воспользоваться, чтобы рассылать им анонсы новых книг, какие-то письма с информацией и т.п.
Чтобы создать почтовую рассылку, я воспользовалась сервисом liveresponder.ru.
Это бесплатный сервис, который позволяет создать до 20 рассылок одновременно с числом подписчиков максимум 20 тысяч человек. (Количество сообщений в одной автоматической серии писем до 50, объем пространства на сервере для файлов 5 Мб).
P.S. Позже я перешла с этого сервиса на сервис JastClick из-за "глюков" и очень убогого набора возможностей, который можно получить на Liveresponder.

Оформляется рассылка так:
Надо зарегистрироваться на  liveresponder, для этого придется заполнить форму регистрации и дождаться активационного письма, подтверждающего аккаунт. После этого заходим на сервис под своим логин-паролем и попадаем в личный кабинет. 


воскресенье, 17 февраля 2013 г.

Как вставить кнопки социальных сетей в Блоггере

Думаю, не надо объяснять, как популярны сейчас в Интернете социальные сети. Чтобы дать возможность читателям поделиться вашим постом в своих социальных сетях, нужно поставить кнопки этих сетей. 
В Блоггере предусмотрены стандартные кнопки, но, во-первых, они очень аскетичны. Во-вторых, в них не представлены такие популярные в Рунете социалки, как "Вконтакте", "Одноклассники", ЖЖ.
Поэтому я решила вставить в блог свои кнопки.

Для этого сначала надо убрать из блога блоггеровские стандартные кнопки социальных сетей.


вторник, 12 февраля 2013 г.

Как вставить свою кнопку "Далее"

Чтобы на главной странице блога публиковалось не все сообщение целиком, а только его начало, нужно пользоваться так называемым катом.
При редактировании сообщения нажимаем такой значок (фото кликабельно):



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

Вместо нее можно поставить кнопку со своим текстом
Для этого надо найти или нарисовать самим картинку нужного размера и вида для кнопки и загрузить ее куда-нибудь в интернет (я для этого пользуюсь вебальбомом Пикасса). Нам понадобится ее адрес.


Потом переходим в редактор своего блога.
Обязательно сохраняем шаблон перед внесением любых изменений! 
Выбираем "Шаблон"-"Изменить HTML". Ставим галочку "Расширить шаблон виждета"
Поиском находим строку :  b:if cond='data:post.hasJumpLink'

С нее начинается такой блок: 
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

Заменяем его на новый блок:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img border='0' src='адрес_изображени_кнопки'/></a>
</div>
</b:if>

И вставляете свой адрес. После этого нажимаем "Сохранить шаблон".
Если просто нажать "Просмотр", то выскакивает ошибка 400. Можно на это внимание не обращать - в блоге все будет правильно. Но плохо, что код шаблона у нас становится "грязным" :(
Все - любуемся своей кнопочкой.

Как еще можно улучшить дизайн своего блога я писала здесь:

Как сделать собственную страницу сообщения об ошибке 404
Как упорядочить список ярлыков
Как сделать меню в блоге
Как сделать свой фавикон (значок блога)

А что еще можно добавить в свой блог тут:
Как вставить социальный плагин от Фейсбука
Как вставить виджет от ВКонтакте
Как вставить свои кнопки социальных сетей
Как вставить презентацию в блог
Как вставить после поста ссылки на похожие посты с помощью LinkWithin
Как сделать галерею ссылок с помощью InLinkz
Как вставить счетчик посещений с флагами Flagcounter
Как вставить баннер в блог
Как вставить в блог рассылку по электронной почте
Какие кнопки счетчиков поставить в блог
Как вставить поиск по блогу

понедельник, 11 февраля 2013 г.

Как вставить счетчик Яндекс Метрика в блоггере

Я уже писала, какие кнопки счетчиков можно вставить в блог. Одним из самых популярных счетчиков является счетчик от Яндекс - Яндекс.Метрика.
Так как же вставить счетчик Яндекс.Метрика? Всего в два шага!

Первый шаг 
Заходим в Яндекс Метрику (по адресу http://metrika.yandex.ru)
В графе "название" пишем название блога (у меня "Это интересно!")
В графе "Адрес сайта" ставим URL блога (у меня http://ta-vi-ka.blogspot.com)
В графе "Зеркала" указываем дополнительные адреса (у блоггера это национальные домены). Я поставила те, с которых на меня есть трафик.
 ta-vi-ka.blogspot.ru
 ta-vi-ka.blogspot.kz
 ta-vi-ka.blogspot.ca
 ta-vi-ka.blogspot.co.il
Все картинки кликабельные:
Дальше нажимаем вкладку "Код счетчика". Обязательно ставим галочки напротив "Информер" (чтобы поставить кнопку счетчика на блог). После этого появляется возможность выбрать дизайн кнопки счетчика ("Настроить информер"). И галочку на "Вебвизор" (Запись и анализ поведения посетителей сайта).

Заходим на вкладку "Фильтры" и ставим галочку напротив "Не учитывать мои посещения".
Нажимаем "Сохранить" внизу страницы.
Теперь копируем получившийся код.

Второй шаг:
Переходим в панель редактирования в Блоггере. И вставляем этот код как простой гаджет через HTML/Java Script. Я поставила его в сайдбар


Что еще полезного можно поставить в блог, я писала тут:
Как вставить после поста ссылки на похожие посты с помощью LinkWithin
Как вставить счетчик посещений с флагами Flagcounter
Как вставить баннер в блог
Как вставить в блог рассылку по электронной почте
Как вставить поиск по блогу

среда, 6 февраля 2013 г.

Как сделать таблицу в Блоггере

Чтобы вставить в пост на Блоггере подобие таблицы, надо в режиме HTML в нужное место вписать примерно такой код:
<table>
<tbody>
<tr>
<td>столбец 1</td>
<td>столбец 2</td>
</tr>
</tbody>
</table>

Здесь  <table> - вставка таблицы
<tr>и </tr> - начало/конец строки
<td>и </td> - начало-конец столбца

Чтобы добавить еще столбцы, надо внутри тегов начала и конца строки дописать еще теги для одного столбца: 
<td>столбец 3</td>
А чтобы добавить еще строку, надо скопировать все, что заключено в теги начала-конец строки:
<tr>
<td>столбец 3</td>
<td>столбец 4</td>
</tr>

После этого, если перейти в режим обычного редактирования, то в нужном месте появится текст "столбец 1", "столбец 2" и т.д.  На место этих надписей и надо вставлять нужный текст. Строчка переводится клавишей "Enter". Ширина столбца увеличивается автоматически в зависимости от длинны текста в нем. Текст в одном столбце можно центровать отдельно от остальных столбцов. Заполнять такую таблицу - дело морочливое, по крайне-мере пока я в ней не разобралась. Столбцы и строки разъезжаются и перепутываются. Но для простых целей это вполне подойдет.

столбец 1 столбец 2
столбец 3 столбец 4

Кстати, в таблицу можно вставлять не только текст, но и изображения - тогда они будут выровнены в ряд (если сделать одну строку в таблице).

кадр 1
кадр 2

Или так (для двух строк):

столбец 1
столбец 2


столбец 3
столбец 4

Таким образом можно создать нечто вроде галереи. Если нужно, чтобы картинки в галерее были "кликабельными" (т.е. при нажатии на картинку можно было перейти по ссылке на какое-нибудь сообщение), то нужно нажатием выделить картинку, а потом нажать "Ссылка" и в окошке вставить ссылку для перехода.
Другой способ сделать галерею я описывала здесь:  Как сделать галерею ссылок с помощью InLinkz
Related Posts Plugin for WordPress, Blogger...