skrust: (1)
skrust ([personal profile] skrust) wrote2013-09-14 11:15 am
Entry tags:

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.

144.42 КБ
ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ
ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.
Все теги ставятся в блог copy-paste‘ом
(В режиме «HTML», а не «Визуальный редактор») !!!

Оформление текста

(рекомендую спец. страничку Tекст):

Перечёркнутый текст: ТЕКСТ

Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Центрирование:

текст (картинка) по центру

Выравнивание текста по правому краю поста:
Выравнивание текста по всей ширине поста:
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
Бегущая строка (рекомендую Бегущая строка):
бегущая, как коняшка, строка
Вместо текста можно вставить картинку:

Код этой картинки:

Сноска вверху: ТЕКСТсноска

Сноска внизу: ТЕКСТсноска

Линия:


ее код:
Ударение:
Cтавим после нужной буквы:
«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):
Я
Пешу
Лесинкой!!!

РАЗМЕР ШРИФТА:

Уменьшить текст: текст – 2Увеличить текст на 1 пункт: текст

Увеличить текст на 2 пункта: текст

Увеличить текст на 3 пункта: текст

Увеличить текст на 4 пункта: текст

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текстЖЕЛТЫЙ: желтый текст ФИОЛЕТОВЫЙ: фиолетовый текстЗЕЛЕНЫЙ: зеленый текстСИНИЙ: синий текстФУКСИЯ: фуксия текст

Таблица «базовых» цветов (вводим «Имя» или «Код»):

Имя Код Имя Код Имя Код Имя Код
aqua #00FFFF green #008000 navy #000080 silver #C0C0C0
black #000000 gray #808080 olive #808000 teal #008080
blue #0000FF lime #00FF00 purple #800080 white #FFFFFF
fuchsia #FF00FF maroon #800000 red #FF0000 yellow #FFFF00

ВИД ШРИФТА:

Шрифт этого текста «Monotype Corsiva»Все вышеперечисленные атрибуты тега font можно объединять в одном теге: Шрифт этого текста «Monotype Corsiva» код этого текста:

Оформление ссылок (рекомендую спец. страницу Ссылки):

Как вставить ссылку на веб-страницу:Как сделать, чтобы картинка была ссылкой на веб-страницу:Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:


Спец. теги ЖЖ:

Элементарный жж-кат (с “Read more”):Публикация картинок: По картинкам смотрим здесь: htmlka.com/pictures


Окошечко для вставки кода, типа:получаем так:где rows и cols определяют площадь окна

Можно сделать покрасивше:

Кнопка-ссылка на веб-страничку Например, на эту:

Некоторые спецсимволы:

Спецсимвол Вид в браузере
&lt; <
&gt; >
&amp; &
&quot; "
&reg; ®
&trade;
&copy; ©
&hearts;
&times; ×
&asymp;
&bull;
&deg; ° (градус)
много символов

Если вы видите это: ★, ☠, ☭ – есть смысл посмотреть «Прочие» спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов

Фотохостинги

10 хитростей ЖЖ

  • Когда терзают смутные сомнения: http://www.livejournal.com/manage/logins.bml - смотрим историю залогинивания в своем ЖЖ  
  • http://ljplus.ru/friends/history - самая удачная, на мой взгляд, реализация «истории друзей». Минус - глючит при количестве друзей более 2000. Требует регистрации на ljplus.ru
  • http://ljplus.ru/post/?mode=later - "отложенный" во-времени постинг. Работают lj-cut и html-разметка. Требует регистрации на ljplus.ru  
  • http://www.livejournal.com/mobile/post.bml - минималистская версия "Написать пост".  
  • http://www.livejournal.com/mobile/friends.bml - френдлента с "птичьего полета", то бишь ее мобильный вариант. Если завести и назвать группу "Mobile view" - будем по ссылке читать только ее.  
  • http://wildmale.livejournal.com/tag- читать журнал по меткам (то есть добавив к адресу интересующего журнала /tag)  
  • http://www.ljtags.com - поиск по жж-меткам  
  • http://www.livejournal.com/manage/settings/?cat=display&view=schemes – все схемы оформления ЖЖ (включая XColibur и Dystopia - всего 6 схем).
  • Режем рекламу в ЖЖ. http://www.onlinedisk.ru/file/523928 - скачиваем файл (rar), следуем инструкции, забываем про рекламу в ЖЖ А вот здесь более новые "разработки": http://chtec-059.livejournal.com/24695.html Совет по безопасности:
  • Если вы отвечаете на скрытый комментарий, он открывается. Опять скрините, но он, как и ваш ответ, уже проиндексированы и легко могут быть найдены через поисковик. Также открытый даже на секунду камент будет выслан тому, кто подпишется на уведомления о комментариях к посту.

Изображения

Код любой картинки в сети в простом варианте выглядит так: <img src="http://site/…jpg"> Уникальный URL (http://site/…jpg) выдает картинке фотохостинг (специальный сайт), куда ее необходимо закачать с вашего компьютера.

Совсем «чайникам» рекомендую действовать так (для ЖЖ): 1.Открываешь ljplus.ru (одна из функций этого сайта – фотохостинг, заточенный под публикацию картинок в жж) 2. Регистрируешься 3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ! 4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента 5. Постишь. Становишься знаменитым. В комментарии картинки ставятся аналогично, кат не работает.

Как сделать, чтобы текст «обтекал» картинку? Легко – картинка слева, текст справа: добавляем в код картинки: align=left hspace=20 Код картинки примет вид: <img src="http:…" align=left hspace=20> Помни: align=left – картинка слева, текст справа align=right – картинка справа, текст слева hspace=20 – расстояние между текстом и картинкой 20 пиксел по горизонтали vspace=20 – расстояние между текстом и картинкой 20 пиксел по вертикали Код картинки с плавным обтеканием текстом справа и снизу (или сверху): <img src="http:…" align=left hspace=20 vspace=15>

Прекратить обтекание и вернуть текст под картинку можно тэгом <br> Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter. <br><br><br> – три пустые строки.

Вставить две и более картинки горизонтально: – все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

Регулируем расстояние меж картинками по-горизонтали: С помощью «неразрывного пробела»:  &nbsp; Расстояние, равное 8 пробелам будет выглядеть так:Вставляется меж кодов картинок, есс-но

Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: – введите в код картинки title="ТЕКСТ"

Если надо цветную рамку , добавьте в код картинки:– задана красная рамка толщиной 5 пикселей

Чтоб быстро вставить картинку с другого сайта, вставьте в пост:затем войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)  

Полезные приложения: Семаджик – программа-клиент для ведения блогов LiveJournal Addons — расширение для браузера Firefox LiveJournal Extension – расширение для Chrome ljbook.com – сохранение блога в pdf ljArchive – сохранение, архивация жж

Полезные страницы ЖЖ: Карта всея ЖЖ Cлужба тех. поддержки Возможности разных типов аккаунтов Статус аккаунтов друзей, купить аккаунт другу Менеджер почтовых ящиков Защищенная страница входа в ЖЖ Текстовая страница входа в ЖЖ (без java script) Дни рождения друзей Страница управления сеансами связи с ЖЖ Разбуди друга! Административная Консоль Редактирование меток Список трансляций Сменить имя пользователя Сменить пароль Cменить e-mail Тем, кто забыл имя пользователя или пароль Сменить уровень доступа к записям (для Платного) Страница Удаления (восстановления) журнала Написать в Конфликтную Комиссию Написать в отдел техподдержки Бан Livejournal

Элементарный жж-кат (с “Read more”):жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:Работу ката не видно в режиме «ПРОСМОТР» Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmaleСссылка на сообщество, например: aforism делается точно так же:

Вместо wildmale пишем Дикий самец:Ежели надо с «человечком»: Дикий самец:Скопировав код, не забудьте поменять реквизиты.

Ежели хотите сделать так: wildmale или эдак: comm и commun то вам СЮДА

Кнопка Repost (Перепостить) Вставкой в пост этого тега вы публикуете кнопку «Repost» (Перепостить):

  • Одинарный тег <lj-repost /> приведет к размещению всей записи.
  • Для репостинга фрагмента исходной записи используется парный тег:Перепост этого фрагмента
  • Название кнопки меняется параметром «button»:

    С недавних пор в ЖЖ в посты можно вставлять интерактивные карты с сервисов Google.Maps или Яндекс.Карты

    Для этого используется специальный тег:

    Что такое URL-карты можно узнать ЗДЕСЬ

Вместо ссылки на страничку можно делать кнопку. В нее можно вставить картинку, например, движущийся gif:

Ее код:
<form action="http://dgz.livejournal.com/1005696.h

tml" target="_blank" method="get"><BUTTON TYPE="submit"><img src="http://www.ljplus.ru/img3/w/i/wildmale/mc-hammer.gif" align=absMiddle width="18" height="23" alt="Let's go!"> Теги</BUTTON> </form>



Оригинал взят у [livejournal.com profile] sviganik в ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.

[identity profile] mousytales.livejournal.com 2013-09-14 08:23 am (UTC)(link)
ну-ка, изобрази что-нибудь)))))

[identity profile] skrust.livejournal.com 2013-09-14 08:28 am (UTC)(link)
я начинающий ЖЖист , я пока учусь Оленька)))
Доброе утро солнышко !))

[identity profile] mousytales.livejournal.com 2013-09-14 08:41 am (UTC)(link)
доброе утро, Андрюша ☯ ☼ ☺ ♥

[identity profile] skrust.livejournal.com 2013-09-14 08:43 am (UTC)(link)
ОГО ! ты уже во че умееешь ))))))

[identity profile] mousytales.livejournal.com 2013-09-14 08:44 am (UTC)(link)
да ну, это просто, там же у тебя символы есть) А вот бегущая строка в комментах не работает (

[identity profile] skrust.livejournal.com 2013-09-14 08:44 am (UTC)(link)
я где-то видел и оно бежало ))))
а может только в постах работает ...

[identity profile] mousytales.livejournal.com 2013-09-14 08:48 am (UTC)(link)
Скорее всего, не все коды в комментах работают

[identity profile] skrust.livejournal.com 2013-09-14 08:49 am (UTC)(link)
скорее всего да ))

[identity profile] skrust.livejournal.com 2013-09-14 09:40 am (UTC)(link)
проверка ...не бежит или бежит текст ___

[identity profile] mousytales.livejournal.com 2013-09-14 10:02 am (UTC)(link)
не, бесполезно))

[identity profile] skrust.livejournal.com 2013-09-14 01:26 pm (UTC)(link)
в посту только бежит ))

[identity profile] mousytales.livejournal.com 2013-09-14 01:27 pm (UTC)(link)
Да)

[identity profile] sladkowa.livejournal.com 2013-09-14 08:24 am (UTC)(link)
спасибо! А не знаете почему у меня в журнале кнопка "Репост" не работает?

[identity profile] skrust.livejournal.com 2013-09-14 08:29 am (UTC)(link)
Олеся, думаю, нужно написать в сервисную поддержку
Может вы делаете много репостов, и ее у просто отобрали как было уже здесь..

[identity profile] sladkowa.livejournal.com 2013-09-14 08:33 am (UTC)(link)
не знаю, как много... я еще ни одного не сделала ) Ну да ладно, спасибо. Думаю не так важно, я уже научилась делать эту кнопочку с помощью кода)

[identity profile] skrust.livejournal.com 2013-09-14 08:34 am (UTC)(link)
ни одного ? вообще странно )))

[identity profile] sladkowa.livejournal.com 2013-09-14 08:39 am (UTC)(link)
вот и я о чем. А где у вас сервисная поддержка, не подскажите?

[identity profile] sladkowa.livejournal.com 2013-09-14 08:40 am (UTC)(link)
может это из за платного аккаунта, я включила пробный платный аккаунт, может его надо оплатить, тогда только включат)

[identity profile] skrust.livejournal.com 2013-09-14 08:42 am (UTC)(link)
кнопка должна быть без платгого аккаунта

[identity profile] sladkowa.livejournal.com 2013-09-14 08:46 am (UTC)(link)
спасибо за помощь!)))

[identity profile] skrust.livejournal.com 2013-09-14 08:47 am (UTC)(link)
нет за что ))

[identity profile] bnik7.livejournal.com 2013-09-14 09:33 am (UTC)(link)
полезно, наверно, просто для меня это как высшая математика)))

[identity profile] skrust.livejournal.com 2013-09-14 09:37 am (UTC)(link)
наверное пока не пригодилось )))
там ничего сложного ))

[identity profile] est-mort.livejournal.com 2013-09-14 09:40 am (UTC)(link)
иногда бегущая строка не выходит в комменте )

[identity profile] skrust.livejournal.com 2013-09-14 09:41 am (UTC)(link)
проверял, не бежит ...(

[identity profile] est-mort.livejournal.com 2013-09-14 10:10 am (UTC)(link)
когда то вроде бегала ))

[identity profile] skrust.livejournal.com 2013-09-14 01:25 pm (UTC)(link)
было, видел )))

[identity profile] roza-rossini.livejournal.com 2013-09-14 12:13 pm (UTC)(link)
Пост для меня))

[identity profile] skrust.livejournal.com 2013-09-14 01:11 pm (UTC)(link)
ты опытная и знаменитая блоггерша Наташа )))

[identity profile] otevalm.livejournal.com 2013-09-14 01:18 pm (UTC)(link)
Очень полезная памятка! Спасибо.

[identity profile] skrust.livejournal.com 2013-09-14 01:20 pm (UTC)(link)
нет за что Людмила ))

[identity profile] lazy-spying.livejournal.com 2013-09-14 01:40 pm (UTC)(link)
Три года в жж, а ничего этого не знаю.

[identity profile] skrust.livejournal.com 2013-09-14 01:41 pm (UTC)(link)
так и без этого можно спокойно жить Леш )
Привет дружище )

[identity profile] lazy-spying.livejournal.com 2013-09-14 01:42 pm (UTC)(link)
Привет Энди! :)

[identity profile] 1pragmatist.livejournal.com 2013-09-16 05:39 am (UTC)(link)
полезная штука, всем пригодится

[identity profile] skrust.livejournal.com 2013-09-16 12:02 pm (UTC)(link)
обязательно Миш ))