Реализация кросспостинга между WP и LiveJournal

Реализовать кросспостинг между Wordpress и Livejournal просто, нам понадобится соответствующий плагин - LJ Crosspost 2.0. Установка его достаточно простая: заливаем файл плагина lj_crosspost.php в папку wp-content/plugins/ и в адмике активируем его в меню Plugins. После этого в пункте Options можно появится вкладка с настройками модуля – LiveJournal.

Для трансляции своего блога в ЖЖ надо использовать синдикационные аккаунты. В итоге не будет создаваться отдельный дневник, на главной странице такого аккаунта вы увидите только заголовки, а в своих френдлентах ваши читатели увидят нормальные посты со ссылкой на ваш блог.

На последок хотелось бы добавить, что в процессе кропсспостинга могут возникнуть разные проблемы, не рассмотренные сдесь. Причин может быть уйма – старая версия Wordpress, временные глюки в ЖЖ или в самом плагие. Люди пишут, что иногда при редактировании в оригинальном блоге информация не заменяется в LiveJournal или, например, при сохранении в черновиках новый пост все равно добавляется на ЖЖ. В общем, с хорошим кросспостингом везет не каждому.

Скачать LJ Crosspost 2.0

» 1 комментарий

HTML Тэги. Картинки.

Продолжение пособия по ЖЖ тегам. Первую часть можно найти здесь, вторую тут, третью вот здесь.

Данная часть посвящена тегам, которые связаны с картинками. А именно:

<img src=”h t t p://img241.echo.cx/img241/5329/northpolesun5pw.jpg”>

Изображение со всплывающим текстом при наведении на него курсора:
<img src=”h t t p://img241.echo.cx/img241/5329/northpolesun5pw.th.jpg” title=”Этот текст появится при навелении курсора на картинку!” alt=”А этот при её отсутсвии”>

Изображаение придвинутое влево, текст обтекает картинку справа и имеет горизонтальный отступ от неё в 6 пикселей:
<img src=”h t t p://img241.echo.cx/img241/5329/northpolesun5pw.jpg” align=left style=”margin:0 1em 1em 0″>

<div style=”background: url(h t t p://images18.fotki.com/v331/photos/4/442291/3055927/copyright-vi.gif) no-repeat top left;”>
Пишем текст поверх картинки. Старайтесь это никогда не использовать, потому что данный способ часто затрудняет читаемость текста, в зависимости от картинки.
</div>

Картинка с прокруткой (скроллящаяся):
<div style=”overflow: scroll; width:400px;”>
<img src=”h t t p://images28.fotki.com/v976/photos/4/442291/3055927/jagala-vi.jpg”>
</div>

При этом, отображаемую ширину указываем внешнему div-контейнеру в атрибуте width в пикселях. Для вертикальной прокрутки, указываем высоту height. Ширина и высота должна быть меньше чем у картинки.

» Нет комментариев

HTML Тэги. Форматирование списков. Спец cимволы.

хтмл теги

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

<li>Один из пунктов несортированого списка
<li>Другой такой пункт

Добавляем тэг ol по краям и список становится сортированым автоматически:
<ol>
<li>Один из пунктов несортированого списка
<li>Другой такой пункт
</ol>

HTML специальные символы в Живом Журнале выглядят следующим образом:

Код Символ Для набора на клавиатуре нажмите*
&laquo; « ALT+0171
&raquo; » ALT+0187
&mdash; ALT+0151
&copy; © ALT+0169
&reg; ® ALT+0174
&trade; ALT+0153
&#0047; /  
&lt; <  
&gt; >  
&nbsp; неразрывный пробел**
 

* – Зажмите кнопку ALT; наберите код; отпустите ALT. Работает в винде.
** – Вставьте вподряд несколько таких пробелов чтобы они не сливались в один:
&nbsp; &nbsp; &nbsp; — теперь слева отступ в семь пробелов!

» Нет комментариев

HTML Тэги. Форматирование параграфов.

Продолжение пособия по тегам в Живом Журнале, первая часть находится здесь.

Оформить отступы абзацев, легко:
<blockquote>Процитированый в отдельном блоке текст, у которого будет небольшой отступ слева. </blockquote>

<p style=”text-indent: 40px”>Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.</p>

<div style=”width:300px;”>Этот абзац будет написан с фиксированой шириной в 300 пикселей. Узенько так типа. А если добавить style=”width:300px; float:right;” тогда он ещё и будет висеть справа. Смотрите пример чуть ниже.</div>

<pre>Преформатированый текст сохраняет отступы слева и между словами и устанавливает те, которые вы укажите пробелами. NB! тэг не делает переноса строки автоматом! </pre>

<center>отцентрированый текст</center>

<div align=right>текст с правого краю в две строчки с выравниванием справа</div>

<nobr> – тег, позволяющий ширине окна браузера не влиять на переносы текста
<nobr>этот текст будет всегда в одну строку</nobr>
<br> – перенос строки.

<div style=”float:right;”>текст с правого краю в две строчки, с выравниванием слева</div><br clear=all>

<marquee>бегущая влево строка</marquee>
<marquee direction=”right“>бегущая вправо строка</marquee>
<marquee behavior=”alternate“>бегущая от края к краю строка</marquee>

<hr> – линия на всю ширину экрана, вот такая:

Продолжение следует…..

» Нет комментариев

HTML Тэги. Форматирование шрифта.

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

<b>Полужирный текст</b>
<i>Выделение текста курсивом</i>
<u>Подчёркнутый текст</u>
<s>Зачёркнутый текст</s>
<small>Маленький шрифт</small>
<big>Большой шрифт</big>
Сноска<sup>сверху</sup> или <sub>снизу</sub> от текста
<acronym title=”Всплывающая подсказка”>Текст со всплывающей подсказкой</acronym>
<font style=”font-size:16pt;”>Шрифт размером 16 пикселей</font>

Предопределённые размеры шрифта (могут быть от 1-го до 7-го):
<font size=”3″>Шрифт 3-го размера</font>
<font size=”+1″>Шрифт на 1 размер больше обычного</font>
<h2>Заголовок 2-го размера</h2>

<font style=”font-family:Comic Sans Ms;”>Шрифт Comic Sans Ms</font>
<font style=”font-family:Monotype Corsiva;”>Шрифт Monotype Corsiva</font>

<font style=”font-family:Tahoma; font-size:15pt;”>Tahoma, 15 пикселей</font>
<font color=”#0000ff”>Синий текст</font>

Цифра 0000ff означает синий цвет в RGB палитре.
Также можно пользоваться стандартными словесными обозначениями цветов вот так:
<font color=”red”>Красный текст</font>

У фона тоже можно менять цвет, вот так:
<div style=”background-color:#eeeeff;”>голубой фон</div>
<div style=”background-color:lightgray; color:#0000ff;”>синий текст, серый фон</div>

Обратите внимание на синтаксис. Аттрибут style использует синтаксис CSS.

» Нет комментариев