2010-10-31

Профилактика бана

   В последнее время участились случаи блокировок блогов. Все мы думаем:"Пронесет". Мой блог на Я.ru так однажды не "пронесло". Ушел в бан, как и не было. Если Вы не сохранили сообщения своего блога заранее, то читайте пост "Как достать записи из бана". Однако, можно предупредить проблему, заранее сохранив свой блог на компьютере. для этого существует большое количество программ. представлю вашему вниманию одну из них. данная программа распространяется бесплатно, весит всего 1530 Kb, работает в ОС: Win 98/Me/XP/7, язык интерфейса: русский. Кроме того программа очень проста в использовании.
.. Для начала Скачиваем и устанавливаем программу. Этапы работы в программе:
1. Самое первое с чего нужно начать, так это с перевода интерфейса программы на русский язык. Для этого нужно нажать на значок на панели инструментов.
Появится следующее окно, в котором выбираем вкладку language и выбираем строку русский:

2.Сохраняем файл на компьютер:
- Файл - Создать

- после чего заполняем последовательно следующие окна так, как указано на скриншотах ниже:








   Вот и все! Ваш блог теперь хранится надежном месте! Эта простая процедура обезопасит вас от возможных потерь.
Читать далее ...

2010-10-29

Автоматическое добавление блога в закладки

   В прошлом своем сообщении я рассказывала, как установить кнопки социальных закладок себе в блог. Сегодня речь пойдет о сервисе, позволяющем автоматически добавить свой блог во все известные социальные закладки, такие как bobrdobr, 100zakladok, links.i.ua, moemesto, memori и многие другие. Он является большим подспорьем в продвижении Вашего блога. Ведь каждому блоггеру хочется заявить о себе и чтобы его детище - блог имело как можно больше посетителей и читателей. Итак, переходим на сайт ..Sendez.ru. Все,что от Вас требуется - это заполнить следующую формулу, выбрать закладки, в которые хотите добавить блог и нажать готово!

   Еще одним очень популярным сервисом из данной категории является BPoster. Здесь заполняются поля по аналогии с предыдущим сервисом, однако прежде необходима регистрация на сайте. Если требуется добавление в большое количество закладок, то нужно получить VIP-аккаунт.
   Желаю Вам удачи!
Читать далее ...

2010-10-28

Кнопки социальных закладок

   Каждый из нас, конечно же, неоднократно видел на блогах, сайтах и форумах единую кнопку добавить в социальные закладки. Такая кнопка является своего рода инструментом в продвижении блога. Любой читатель Вашей странички может добавить ссылку на понравившуюся статью в те закладки, которыми он привык пользоваться. В итоге вы получите постоянного читателя, дополнительную ссылку, а также возможно, что по этой ссылке к вам придут и новые посетители.
   Чтобы добавить такую кнопку себе на страницу воспользуемся сервисом Одна кнопка.
1.Переходим на страницу сайта и жмем на кнопку .
2.Выбираем вид кнопок.
..
   Однако, если у вас блог находится на платформе, не позволяющей использовать скрипты (такие как, LI.ru, ЖЖ, Я.ru, mail.ru, привет.ru, Diary.ru и др.).
3. Следующим шагом указываете, где будет установлена кнопка
- в блоге или на сайте, то указываете первый вариант.
- в блоге, в котором возможно редактирование шаблонов, таких как blogspot или Wordpress - то второй.
4.Копируем полученный код из пункта 3. Для блогов Li.ru, ЖЖ, Я.ru, Mail.ru, привет.ru, Diary.ru копируем код без скрипта (он выделен на скриншоте красным цветом):
   Чтобы вставить код скрипта после каждого сообщения на блогспоте необходимо в шаблоне HTML найти строчку <div class='post-footer'>, предварительно, поставив галочку напротив строчки "расширить шаблоны виджета" и после нее вставить код Javascript.

   Еще одним сервисом, предоставляющим такие кнопки является сайт AddThis.
   Здесь Вы заполняете все необходимые поля:
Если хотите увеличит скриншот, то нажмите на него.

В первом пункте выбираете Email Newsletter, затем вводите адрес вашего блога, выбираете стиль кнопки, нажав на more options...,Вы найдете очень много стильных кнопок (однако их выбрать из этой коллекции возможно лишь если есть поддержка скриптов). Выбираете понравившийся стиль и копируйте код. Код Javascript поместите в шаблон HTML до закрытия тега </body>, а html-код в любом месте страницы, там, где хотите видеть кнопочки. На Blogspote идем Элементы страницы - Добавить гаджет - HTML/JavaScript. В открывшееся окно вставляем HTML-код.
   В качестве примера я на время установила такие кнопочки у себя в блоге (в левом нижнем углу).
Читать далее ...

2010-10-25

Рамочки для текста

   Многие блоггеры любят оформлять свои записи при помощи так называемых рамочек для текста. Они могут быть изготовлены двумя различными способами:
1. при помощи таблицы (тегов table). Рамочки такого типа проще всего делать в Рамочнике. я уже писала раньше о том, как пользоваться Рамочником.
2. при помощи блоков (тегов div).
   Рамочки, выполненные первым способом имеют очень громоздкий html-код, растягиваются в ширину и длину в зависимости от их содержания. Если не проводить корректирования содержания, то они могут растянуться до невообразимых пределов, не помещаясь на экране. В этом случае появляется горизонтальная полоса прокрутки. Конечно всего этого можно избежать при грамотном составлении и заполнении рамочки. Еще один недостаток этого вида рамок - то, что они очень сильно снижают скорость загрузки вашего блога, что в конечном итоге может отпугнуть от него читателей. Кроме того, для блогов на различных платформах, коды будут иметь отличия.
   В отличие от них, рамочки выполненные вторым способом имеют гораздо меньший по размерам код, они имеют фиксированную ширину, равную ширине рабочей части Вашей страницы, растягиваются в длину. Они более простые и по структуре. рамочки этого вида подходят практически ко всем блогосервисам, одинаково на них отображаются.
   Вот пример рамочки, сделанной при помощи тегов div:

..
Ваш текст

   Вот код этой рамочки:
<div style="background: url(http://mitglied.multimania.de/flysbackgrounds/H-Glas/Beige-Braun/beige06.jpg); border-style: ridge; color:#8B1A1A;padding:8px;"><div style="background: url(http://r-img.fotki.yandex.ru/get/4401/vesmir2010.0/0_47a5a_3a1797ee_S); border-style: ridge; color:#FF0000;padding:8px;"><div style="text-align:center; font: Arial; font-style: italic; color:#000000; font-size: 16px; padding: 2px;">Ваш текст</div></div></div>
   Как Вы, наверное, уже заметили рамочка состоит из нескольких слоев:
1. наружний - это тонкоя линия коричневого цвета (в примере)
2. под ним - светло-коричневый фон,
3. затем - красная линия,
4. внутренний - красный фон.
В коде линия с фоном задается одним блоком, т.е. слои 1 и 2, 3 и 4. Первыми в коде задаются наружные слои, более внутренние идут следом.
Код рамочки состоит из следующих элементов:


1.Наружный слой
 <div style="background: url(http://....); border-style: ridge; color:#8B1A1A;padding:8px;">

2.Повтор первого элемента (внутренний слой)

<div style="background: url(http://....); border-style: ridge; color:#8B1A1A;padding:8px;">
.....его можно повторять столько раз, сколько будет слоев в рамочке.
3.Параметры содержимого рамочки(параметры текста)
<div style="text-align:center; font: Arial; font-style: italic; color:#000000; font-size: 16px; padding: 2px;">
4.теги закрытия. Их количество=
</div >
количеству открытых слоев,
</div >
начинающихся с div
</div >
, где background задает фон слоя, для этого нужно указать прямую ссылку на фон или изображение в коде вместо "http://....",
padding - ширина слоя в пикселях;
border-style задает внешний вид линии (коричневой и красной в примере), обрамляющей фоновый слой. Может принимать следующие значения: none, dotted, dashed, solid, double, groove, ridge, inset, outset. Подробнее о значения границ читайте здесь.
color - цвет линии.
   Параметры содержимого рамочки, или параметры текста:
text-align - выравнивание текста. Значения: center (по центру), right (справа), left (cлева), justify (по ширине).
font - шрифт. В сообщении шрифты HTML Вы можете узнать значения.
font-style - стиль шрифта. Виды: normal, italic, oblique.
color - цвет текста;
font-size - размер текста в пикселях,
padding - отступы от внутреннего края рамки.
   Теги закрытия </div >. Их количество равно количеству открытых слоев, начинающихся с div.
Читать далее ...

Прямая ссылка на изображение

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

  • для использования его в HTML-кодах

  • при работе с различными сайтами (например, Рамочником, онлайн-фоторедакторах)

  • для замены фона на некоторых блогоплатформах

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

В OperaВ Mozilla Firefox
В Internet Explorer (в свойствах изображения):Свойства изображения

..    В Opera также можно скопировать ссылку в свойствах изображения, в
Mozilla Firefox подобная вкладка называется "информация об изображении". В свойствах также можно узнать следующую информацию: формат файла, его размеры, вес и т.п.
   2 способ
Прямую ссылку можно узнать при загрузки изображения на фотохостинг
1.на Радикале - это первая строка кодов на изображение:

Выберите раздел "Мультизагрузка" -> "Выбрать файлы" -> Загрузить на сервер:
После этого вы будете перемещены в окно, где увидите прямые ссылки на загруженные изображения:




2.на Яндекс.Фотки выбираем пункт "код блога" :
и копируем выделенную часть кода (ссылку, которая заключена в кавычках здесь: здесь прямая ссылка на изображение
">)
Читать далее ...

Программа для подбора цвета HTML

   Выбираем цвет при помощи мышки и копируем понравившийся код.

..
Читать далее ...

2010-10-24

Рамки с помощью FIELDSET

Рамки с помощью тега FIELDSET

   Чтобы сделать такую рамку, нужно воспользоваться следующим кодом:
<fieldset><legend>Заголовок рамки</legend>
Содержимое рамки (здесь может быть текст, код плеера с музыкой, фото, видео) </fieldset>

   В заголовок также можно вставить все что угодно (фото, видео и др.). Достаточно прописать нужный код вместо фразы "Заголовок рамки".
Fieldset с цветной рамкой  
Используя следующие теги можно задать цвет рамки Fieldset:
<fieldset style="border:1px #00BFFF solid;">
<legend>
Содержимое рамки </fieldset>

..

Fieldset с цветной выпуклой рамкой
Здесь измене стиль рамки, цвет, размер, шрифт заголовка и сожержимого рамки.
Код такой рамки:
<fieldset style="border: #1874CD ridge thick;">
<legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">Содержимое </span>

</fieldset>


Границы рамок border можете менять на свое усмотрение. Изменить размер, цвет и шрифт текста можете, пользуясь моей инструкцией. Пригодится Вам и таблица цвета HTML


Для того, чтобы сделать границу без заголовка, достаточно использовать следующий код:
<fieldset>содержимое рамки</fieldset>

Читать далее ...

Коллаж посредством HTML

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


   Адрес фона: http://content.foto.mail.ru/mail/pantv966/_blogs/i-5399.jpg
адрес клипарта: http://img-novosib.fotki.yandex.ru/get/5900/i-nat2010.c/0_3f44a_29b8bb65_XS
   Большое количество клипартов Вы можете найти, например, здесь. Здесь они предложены в большом размере. Чтобы уменьшить размер клипарта, не прибегая к фотошопу, необходимо:
1.сохранить картинку на компьютере;
2.загрузить на Яндекс.фотки. (внимание! Не на Радикал, так как при загрузки на радикал, у изображения теряется прозрачность фона) В настройках при загрузке на Яндекс указываем уменьшение размера картинки до желаемого размера:

3.Если картинка нужна совсем маленького размера, то копируем ее адрес со страницы "Мои фотки" или "Мои фотоальбомы/альбом "название":

4. Щелкаем правой кнопкой мышки по нужной картинки и в открывшемся окне выбираем строку "Копировать адрес изображения". Если такой строки нет, то заходим в свойства и отсюда копируем ссылку. Подробнее я уже писала в сообщении Как быстро скопировать изображение
   Подставляем необходимые значеня в следующий код:
..


<table background="Адрес фона" border="0" cellpadding="5"><tr><td></td></tr><tr><td height="высота фона" width="ширина фона" valign="top"><center><img src="адрес клипарта"></center></td></tr></table>



   Значения высоты и ширины фона можно узнать также в свойствах изображения или при загрузке на Радикал, это верхняя строчка "Результат":

   Атрибут valign указывает какое расположение (верхнее - "top" или нижнее - "bottom", среднее - по умолчанию) будет занимать элемент таблицы. Проще говоря, с помощью него можно настроить расположение клипарта на фоне.
   Если мы хотим вставить наш клипарт не в центре фона, а например, справа, то вместо тегов <center></center>, можно задать расположение клипарта справа: <div align="right"></div> или слева:<div align="left"></div>
   Более сложное расположение клипарта можно задать путем таблицы с пустыми ячейками.
   Вот код коллажа из примера:

<table border="0" cellpadding="5" align="center" background="http://content.foto.mail.ru/mail/pantv966/_blogs/i-5399.jpg">
<tbody>
<tr>
<td height="409" width="600" valign="bottom"><center>
<img src="http://img-novosib.fotki.yandex.ru/get/5900/i-nat2010.c/0_3f44a_29b8bb65_XS" alt=""></center>
</td>
</tr>
</tbody></table>


Читать далее ...

2010-10-21

Кнопка "Читать в Яндекс.Подписках"



   Чтобы добавить к себе в блог такую кнопку , необходимо подставить в следующий код


..

<a href="http://mail.yandex.ru/lenta/add?feed_url=АДРЕС_ВАШЕГО_ПОТОКА"><img src="http://img.yandex.net/i/addfeed.gif" border="0" alt="Читать в Яндекс.Подписках"/></a>




вместо АДРЕС_ВАШЕГО_ПОТОКА адрес RSS Вашего блога.
Читать далее ...

Горячие клавиши в блогах

   В большинстве блогов на различных платформах есть поддержка горячих клавиш .
Ценность горячих клавиш в том, что они позволяют немного отдохнуть от мышки и ускоряют процесс создания грамотно оформленной записи. На блогспоте, в дневниках Diary пользоваться горячими клавишами необходимо в режиме HTML, на Mail.ru - только в урощенном режиме, на Я.ru ими можно пользоваться в обоих режимах, в ЖЖ и на Li.ru не работают. На других блогосервисах не проверяла.
   Общепринятые сокращения работают на всех платформах:
  • Ctrl+A - выделить все
  • Ctrl+С - копировать
  • Ctrl+V - вставить
  • Ctrl+Y - отмена последней операции
  • Ctrl+Y - возврат к последней отмененной операции
..    Горячие клавиши HTML предназначены для быстрого форматирования текста:
  • Ctrl+B - полужирный текст
  • Ctrl+I - курсив
  • Ctrl+U - подчеркивание
  • Ctrl+(кнопка для загрузки изображения с компьютера) Эта горячая клавиша предназначена для быстрой вставки изображения с другого сайта, прежде всего нужно скопировать прямую ссылку на картинку, выделить ее адрес и нажать предложенное сочетание клавиш. Работает также не везде.
Читать далее ...

2010-10-20

Как достать записи из бана

бан   От блокировки блога, к сожалению, никто не застрахован. Возможные причины бана:
-спам в блоге,
-плагиат,
-отсутствие уникальности,
-большое количество ссылок,
-и другие неведомые причины...
..    Если все же это случилось, то не надо отчаиваться, прежде всего обратитесь в службу поддержки! Если восстановление блога по каким-то причинам не возможно, то вполне реально достать все свои записи из заблокированного дневника. Как это сделать?
1. завести почту на Яндексе (если она уже есть, то пропускайте этот этап),
2. на левой панели выбираете пункт "подписки":

3. Нажимаем "добавить поток":

4. В адресную строку вписываем URL блога или его адрес RSS, для удобства можете создать папку для этой подписки, а можете так и оставить "вне папок":

5. сразу же после этого вам будут доступны записи. Чтобы взять код любой из них, нажмите на кнопку (под выбранным сообщением) - "Остальное" - "Код блога":
Читать далее ...

Яндекс.Метрика

   Сервис Яндекс.Метрика предлагает подробную статистику для Вашего блога/сайта, представленную в виде наглядных графиков и диаграмм. Однако, не во все блоги можно вставить невидимый счетчик от Яндекса. Его можно вставить в блоги, у которых есть функция редактирования шаблога, на таких блогосервисах, как блогспот, Wordpress, а обладатели блога на Я.ru изначально являются пользователями этого сервиса. Как же встроить код счетчика от Яндекс себе в блог?
1. Завести почтовый ящик на Яндексе,
2. Заходим в почту и на верхней панели, нажимаем "еще":

3.В выпавшем окне выбираем "все сервисы"
..4. Находим такую строчку и нажимаем на нее:

5.Нажимаем кнопку
6.Заполняем данные о вашем сайте:

7.Вставляем код счетчика на все страницы Вашего блога (на блогспоте для этого добавляем гаджет а макете страницы:

8. Если счетчик правильно был установлен, то на стрранице "мои счетчики" будет указано, что мониторинг для сайта включен:

9. Теперь статистикой можно пользоваться! нажимайте на значок и будьте всегда в курсе кто, когда вас посещает, основные источники вашего трафика, наиболее популярные сообщения и многое другое!
Читать далее ...