суббота, 30 марта 2013 г.

Как в посте блога записать HTML-код в виде текста

Многие сталкиваются с проблемой, когда в посте блога надо написать HTML-код в виде текста. Чтобы, например, дать своим читателям код для баннера. (Как его написать, подробно рассказано у меня ТУТ). Но вместо этого редактор преобразует этот код в сам баннер. Так что же делать, чтобы код остался в тексте сообщения виден как HTML?
Для этого надо перевести специальные символы кода в их текстовые обозначения. Заменить все правые угловые скобочки < на  &lt; , левые угловые скобочки > на &gt; 

То есть, если вы хотите написать в тесте поста такой код (в этом примере я вставляю код для баннера):
<a href="адрес" target="_blank" title="заголовок"><img src="адрес_изображения" /></a>

То вам в режиме редактирования HTML-кода в своем посте надо вписать его в таком виде:  
&lt;a href="адрес" target="_blank" title="заголовок"&gt;&lt;img src="адрес_изображения" /&gt;&lt;/a&gt; 

Кроме того, в некоторых редакторах не так отображаются кавычки, возможно еще какие-то символы. Поэтому чтобы не морочить голову с заменой, можно воспользоваться внешней программой, которая вам сама автоматически переведет нужный код в текстовые символы. На это уйдет ровно одна минута, гораздо быстрее, чем вы будете искать и заменять необходимые символы вручную. 
Конвертеров таких много, например, "Html Character EnCoder"
Заходите в нее, видите такие окошки:

Как в посте блога записать HTML-код в виде текста

Выполняете Шаг 1. Вставляете свой код в пустое окошко внизу

Как в посте блога записать HTML-код в виде текста

Шаг 2. Нажимаете кнопку "Convert". И в окошке получаете ваш код, переконвертированный в текст

Как в посте блога записать HTML-код в виде текста

Шаг 3. Копируете этот новый код и вставляете его в своем редакторе сообщений в режиме редактирования HTML.
Теперь, когда вы опубликуете свое сообщение, то код на странице будет виден именно в виде кода.

Еще один способ сделать это, воспользоваться текстовым полем.
Вот в такие строчки надо заключить ваш код для баннера. Это надо вставить в режиме редактирования HTML.

<textarea name="textarea" cols="50" rows="8" wrap="VIRTUAL">
код_баннера
</textarea>

Здесь  cols - это ширина окошка, а   rows - его высота (все в количестве символов).
В результате у вас в блоге появится вот такое окошко, с нужным кодом внутри.


P.S. У меня в редакторе блога никаких этих ухищрений делать не надо, он сам разбирается с переводом символов. Но уже несколько раз я получала вопросы о том, как это сделать от моих читателей, в том числе и тех, у кого блоги на платформе Блогспот.

вторник, 19 марта 2013 г.

Как получить еще одну ссылку на пост

Бывает необходимо получить еще один адрес поста. Например, если какой-то сайт не принимает ваш адрес из-за того, что он слишком длинный. Или для участия в конкурсе необходимо вставить две работы, находящиеся в одном посте, а два раза одна и та же ссылка не вставляется.
Для этого используют специальные сервисы, которые генерируют короткий URL-адрес. Например, Гугловский сервис http://goo.gl
Как им пользоваться?
Надо зайти на сайт и в окошко "Paste your URL here" ввести адрес своего поста.
После этого надо нажать "Shorten URL"

как получить еще одну ссылку на пост

В результате появится адрес, который вам предложат скопировать, нажав CTRL-C.
Копируйте адрес и пользуйтесь им как альтернативой старому адресу.
Адресов можно получить столько, сколько вам надо. Их список будет виден внизу под окошком.

как получить короткую ссылку



четверг, 7 марта 2013 г.

Как поставить в блог виджет для сообществ от Вконтакте

Если у вас есть страничка в социальной сети "ВКонтакте", то можно связать ее со своим блогом. Для этого используются плагины от ВКонтакте, весь перечень которых можно найти на http://vk.com/developers.php

Я на свой блог ставлю виджет для сообществ, который можно получить тут: http://vk.com/developers.php?oid=-1&p=Groups

Как поставить в блог виджет для сообществ от Вконтакте
Вставляете адрес своей группы в верхнюю строку, выбираете длину и ширину. ПОсле этого копируете код для вставки и переходите в свой блог.
В своем блоге заходите в Дизайн-Добавить гаджет-HTML/Java script и вставить скопированный код.

Как поставить в блог виджет для сообществ от Вконтакте

Нажимаем "сохранить", ставим виджет в нужное место, нажимаем "сохранить расположение" и просматриваем блог.

Важно! Я долго мучилась и не могла понять, как сделать так, чтобы внизу виждета была надпись "Подписаться на новости", а не "Подписаться на SMS", как у меня получилось автоматически.
Оказывается, если вы не подписаны на группу, то у вас и будет "Подписаться на новости", а если уже подписаны, то появится "Подписаться на SMS".

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

понедельник, 4 марта 2013 г.

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

После того, как вы создадите свою страничку на Facebook, ссылку на нее можно вставить в блог на Блогспоте. Это нужно для того, чтобы люди, которые зашли к вам, могли поделиться ссылкой на ваш блог на своих страницах в этой социальной сети.
Чтобы это сделать, вам нужно создать социальный плагин от Фейсбук. Чаще всего в блогах используют Like Box (Лайк бокс).
Выглядеть он будет вот так:
как поставить плагин Like Box от Facebook

Как вставить плагин  Like Box :

Чтобы получить код социального плагина Like Box от Facebook , надо зайти на сайт http://developers.facebook.com

1. На сайте надо  выбрать в верхнем меню docs, а после в боковом - Сore Сoncepts. Находим там Social Plugins и получаем список плагинов. Из списка плагинов надо выбрать Like Box.
Все предыдущие этапы можно проскочить, сразу зайдя по ссылке http://developers.facebook.com/docs/reference/plugins/like-box/

2. Заполняем поля в форме конструктора плагина. Вводим адрес своей странички в фейсбуке, длину-ширину будущего гаджета, выбираем, будут ли видны только лица или еще и сообщения со странички. (фото кликабельны).
как поставить плагин Like Box от Facebook

И нажимаем "Get Code" (получить код).

как поставить плагин Like Box от Facebook

3. Из всплывающего окошка сначала копируем код из первого окошка. Окно не закрываем! Теперь переходим в свой блог. Заходим в Дизайн-Добавить гаджет-HTML/Java скрипт. И вставляем туда скопированный код. Окно не закрываем!
Потом возвращаемся к коду и копируем текст из второго окошка. Переключившись назад в свой блог, вставляем этот текст сразу же под первым.

как поставить плагин Like Box от Facebook

4. Нажимаем "сохранить", ставим плагин в нужное место, нажимаем "сохранить расположение" и просматриваем блог.
Что еще полезное можно поставить в блог, можно прочитать вот тут:
Как вставить презентацию в блог
Как вставить после поста ссылки на похожие посты с помощью LinkWithin
Как сделать галерею ссылок с помощью InLinkz
Как вставить счетчик посещений с флагами Flagcounter
Как вставить баннер в блог
Как вставить в блог рассылку по электронной почте
Какие кнопки счетчиков поставить в блог
Как вставить поиск по блогу
Related Posts Plugin for WordPress, Blogger...