ПРОСТИТЕ, НО ПОСЛЕ НЕКОТОРЫХ ИЗМЕНЕНИЙ, КОТОРЫЕ ВНЕСЛИ САМИ РАЗРАБОТЧИКИ, ДАННЫЕ СКРИПТЫ НЕ РАБОТАЮТ.
Сегодня у нас крутая тема! Почему крутая? Потому что будем прокачивать комментарии в своём блоге. Вы наверно заметили, что в большинстве блогов комментарии без изысков.Необычные формы для отзывов можно встретить разве что в блогах профессиональных програмистов, да и то особыми интересностями они не блещут. Максимум иногда встречаются блоги, где в комментариях можно вставить смайлик. Но это скорее редкость.Многие даже капчу не отменили.
Мы уже научились вставлять в комментариях активные ссылки как у себя в блоге, так и в чужом.
Сейчас же я расскажу как
Сейчас же я расскажу как
- Вставить небольшое изображение слева. (брать изначально маленькую картинку)
- Вписать большое изображение на всю ширину комментариев (100%)
- Эффект бегущей строки справа налево
- Установить размер текста
- Установить цвет текста
- Отцентрировать текст (разместить текст в центре строчки)
- Бегущая строка теперь слева направо
- Прямоугольная обводка текста
- Выделить текст
- Установить фон с обводкой области
- Установить цвет фона
Для начала, чтобы понять о чем речь, перемотайте пост до самого низа, то бишь до моих комментариев. Там в том же порядке, что и в списке (см. выше) приведены примеры апгрейда наших комментариев. Любуемся и возвращаемся вдохновленными назад, Обещаю, что все будет как всегда в моих инструкциях просто и понятно.
Для тех, кто был не очень внимателен, напоминаю, что сегодня мы делаем крутыми комментарии В СВОЁМ БЛОГЕ! Чужим блогам можно помочь разве что рабочей ссылкой на этот пост.
Начнем? В этот раз мы снова полезем в шаблон, но обещаю, что это будет не сложно.
Открываем панель управления блогом (админку), выбираем слева в колонке ШАБЛОН, жмем ИЗМЕНИТЬ HTML, в открывшемся окне ставим галочку в РАСШИРИТЬ ШАБЛОНЫ ВИДЖЕТА.
Теперь сочетанием клавиш ctrl+F вызываем справа вверху окно быстрого поиска, в котором вводим </body> и нам мигом находят этот тэг в коде.
Ставим курсор перед этим боди и вставляем скрипт на ссылку
<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/>
Сохраняем шаблон и, выждав немного, закрываем его. Начало положено! Теперь в ваших комментариях уже можно проделывать то, что Вы видели в моих. Но как? Ооо, дальше сущая ерунда.
Для начала сохраним для себя (где-нибудь в папочке на компьютере) следующие теги:
[im].....[/im]
[im#]...[/im]
[ma]....[/ma]
[si="2"]...[/si]
[co="red"]...[/co]
[ce]...[/ce]
[ma+]...[/ma+]
[box]...[/box]
[mark]...[/mark]
[card="blue"]...[/card]
[hi="yellow"]...[/hi]
Они все расположены согласно списка (то есть отвечают за тот или иной эффект) . Сохраните сразу соединив оба списка, чтобы было понятно какой тег за что в ответе. Красным цветом в кавычках выделены размер или цвет на английском языке, их можно заменить на любой по вашему усмотрению.
Теперь самое приятное)))
Например Вы хотите разместить картинку как у меня в первом варианте.
Соответственно выбираем тэги из первой строчки и вставляем в окне комментариев (да-да, там где Вы пишете отзыв обычно). Между тегами вместо точек вставляем URL картинки (или скопированный адрес картинки, для тех кто в Opera) и публикуем. До публикации все это так и остается буквами и закорючками, а вот после виден результат.
Если хотите не картинку, а текст с выбранным эффектом, то просто вместо точек между тэгами пишете текст и публикуете.
С этим мы разобрались. Что делать с вашими читателями? Они же не знают, что у вас теперь крутые комментарии. Советую создать отдельную страницу , в которой расписать правила комментирования.
Простите, но об этом я расскажу завтра, мне пора дочку собирать в садик.
ВАЖНО! Не размещайте больше под этим постом свои картинки. Пост вместе с комментариями стал слишком тяжелым и изображения перестали загружаться. Поэтому прошу прощения, но я удалю большинство комментариев (только в этом посте) для того, чтобы было видно чего ради стоит стараться и сделать такое в своем блоге.
Для начала сохраним для себя (где-нибудь в папочке на компьютере) следующие теги:
[im].....[/im]
[im#]...[/im]
[ma]....[/ma]
[si="2"]...[/si]
[co="red"]...[/co]
[ce]...[/ce]
[ma+]...[/ma+]
[box]...[/box]
[mark]...[/mark]
[card="blue"]...[/card]
[hi="yellow"]...[/hi]
Они все расположены согласно списка (то есть отвечают за тот или иной эффект) . Сохраните сразу соединив оба списка, чтобы было понятно какой тег за что в ответе. Красным цветом в кавычках выделены размер или цвет на английском языке, их можно заменить на любой по вашему усмотрению.
Теперь самое приятное)))
Например Вы хотите разместить картинку как у меня в первом варианте.
Соответственно выбираем тэги из первой строчки и вставляем в окне комментариев (да-да, там где Вы пишете отзыв обычно). Между тегами вместо точек вставляем URL картинки (или скопированный адрес картинки, для тех кто в Opera) и публикуем. До публикации все это так и остается буквами и закорючками, а вот после виден результат.
Если хотите не картинку, а текст с выбранным эффектом, то просто вместо точек между тэгами пишете текст и публикуете.
С этим мы разобрались. Что делать с вашими читателями? Они же не знают, что у вас теперь крутые комментарии. Советую создать отдельную страницу , в которой расписать правила комментирования.
Простите, но об этом я расскажу завтра, мне пора дочку собирать в садик.
ВАЖНО! Не размещайте больше под этим постом свои картинки. Пост вместе с комментариями стал слишком тяжелым и изображения перестали загружаться. Поэтому прошу прощения, но я удалю большинство комментариев (только в этом посте) для того, чтобы было видно чего ради стоит стараться и сделать такое в своем блоге.
1. Вставка изображений слева (изначально выбирать маленькие картинки)
ОтветитьУдалить[im]http://im0-tub-ru.yandex.net/i?id=296171969-27-72&n=21[/im]
2.Вписать изображение во всю ширину комментариев (изображение по ширине подгоняется под ширину поля комментария)
ОтветитьУдалить[im#]http://img1.liveinternet.ru/images/attach/c/4/79/322/79322329_yu.jpg[/im]
[im#]http://img1.liveinternet.ru/images/attach/c/4/79/322/79322329_yu.jpg
Удалить3.Эффект бегущей строки (справа налево)
ОтветитьУдалить[ma]Чудеса встречаются там, где в них верят[/ma]
4.Установить размер текста
ОтветитьУдалить[si="1"]Размер 1[/si]
[si="2"]Размер 2[/si]
[si="3"]Размер 3[/si]
[si="4"]Размер 4[/si]
[si="5"]Размер 5[/si]
[si="6"]Размер 6[/si]
[si="7"]Размер 7[/si]
[si="8"]Размер 8[/si]
[si="9"]Размер 9[/si]
[si="10"]Размер 10[/si]
5.Установить цвет текста.
ОтветитьУдалить[co="red"]Вы все молодцы, что подписались на мой блог! Спасибо![/co]
6.Отцентрировать текст, то бишь разместить его по центру (мне казалось, что пробел тоже может помочь)
ОтветитьУдалить[ce]Будьте щедрыми, рассказывайте своим читателям о моём блоге и делитесь ссылками[/ce]
7.Бегущая строка (аа, от первой ее отличает то, что бежит слева направо)
ОтветитьУдалить[ma+]Чудеса встречаются там, где в них верят![/ma+]
в первом случае она более читабельна, здесь не очень удобно читать задом наперед..но есть же и другие языки)))
Удалить8.Прямоугольная обводка текста.
ОтветитьУдалить[box]Сегодня обязательно случится что-то замечательное[/box]
Такс! У меня на черном фоне это выглядит не позитивно((( А на белом фоне все будет хорошо.
Удалить9.Выделить текст.
ОтветитьУдалить[mark]Хочешь увидеть, как девушка сходит с ума? Дай ей денег и закрой в квартире.[/mark]
10.Установить фон с обводкой области.
ОтветитьУдалить[card="blue"]У меня сегодня очень полезное настроение - меня одну можно на войну отправлять... разобью всех![/card]
11.Установить фон для текста
ОтветитьУдалить[hi="yellow"]У меня есть я. Мы справимся.[/hi]
ВАУ! СУПЕР! Бегущая строка очень порадовала!
ОтветитьУдалитьДерзайте! Я загляну побаловаться в ваших комментариях)))
УдалитьКрутооооо! Я только однажды у кого-го видела картинку в комментариях, а все эти причуды вообще впервые вижу! Ты сегодня мне Америку открыла ))
ОтветитьУдалить[im]http://im6-tub-ru.yandex.net/i?id=104641301-23-72&n=21[/im]
УдалитьВот что меня удивляет, так это то, что я еще нахожу чем тебя удивить, человека, кто правил мой блог пару ночей)) Впрочем Америку за утро я для тебя открыла дважды.
[im]http://img-fotki.yandex.ru/get/6307/91771020.221/0_8f3fc_1efa6897_XL[/im]
УдалитьДа да, аж дважды )))
Умница! Я у тебя в блоге тоже побывала с картинками))))
УдалитьДа, я уже видела ))
УдалитьТо есть я правильно понимаю, если бы я не изменила в своем блоге шаблон, ты бы не могла оставить у меня нестандартный комментарий?
Ты все правильно понимаешь. Да, именно внесенные изменения в ТВОЙ шаблон, дали мне возможность оставить в ТВОЁМ блоге нестандартные комментарии.
УдалитьВот это да!!!!! до чего техника дошла!!! :))) Спасибо!
ОтветитьУдалитьОбязательно все попробую ). Наташа, и когда ты все это успеваешь: и столько много полезностей опубликовать и детей не обделить? :). У тебя время хоть на сон остается? ;)
Семья у меня на первом месте, за компьютер сажусь только когда всех усыплю, в том числе и любимого мужчину) Спать удается утром. У меня очень самостоятельные девочки. Младшая в свои 2 годика сегодня вполне справилась самостоятельно позавтракать, благо завтрак и воду для питья я для нее приготовила заранее.
УдалитьВот это вещь!
ОтветитьУдалитьСделала!
Спасибо!!!
Я и говорила, крутая тема))) Рада, что понравилось. Ищу другие интересности и на подходе еще несколько постов к публикации
УдалитьНо тут есть момент... мы не можем добавить картинки тем, у кого в шаблонах нет тех же изменений, что и у нас...
ОтветитьУдалитьДа, но об этом написано в самом посте. Зато мы имеем возможность сделать СВОЙ блог более эффектным, чем у остальных. Скажем прямо- круче чем у большинства)))
УдалитьЭнн, спасибо большое за информацию!!
ОтветитьУдалитьОй!Спасибо,сколько нового и интересного!Вернусь с отдыха,займусь блогом!!!
ОтветитьУдалитьура! получилось! значит я что-то неправильно сделала в прошлый раз!
ОтветитьУдалитьВот видишь, все хорошо!
УдалитьСпасибо:) И у меня все получилось!
ОтветитьУдалитьЗдорово)) Сейчас посмотрю..
Удалить(((( А у меня ничего не получилось...... еще на стадии: галочку напротив "РАСШИРИТЬ ШАБЛОНЫ ВИДЖЕТА". просто не пойму где ее ставить эту галочку шаблон-изменить html - там получилось большое окошко с этим кодами, а вверху кнопки "сохранить шаблон" "список виджетов" изменить шаблон" посмотреть шаблон " "восстановить шаблоны виджетов по умолчанию" итд а где "расширить шаблоны виджета" не вижу.... расстроилась видимо я совсем .... чайник
ОтветитьУдалитьПЫСЫ. вставила бы рыдающий смайлик, но не могу))))))
УдалитьАнастасия, Вы здесь ни при чем. огда я писала статью, то писала описывая реальный процесс. Позже разработчики от Гугл внесли изменения. Теперь достаточно действий без РАСШИРИТЬ.... Нужно внести изменения и сохранить.
Удалить[im]http://img-fotki.yandex.ru/get/4125/198250778.0/0_b2708_1e2bf032_M.gif[/im]
ОтветитьУдалитьДорогая Энн! Всё отлично! Но есть одно но... В гаджете "Последние комментарии" появляется ссылка и смотрится не очень! Может есть ещё какой вариант! У Вас чудесный блог! Очень много полезной информации. Огромное спасибо!
Лидия Лазарева, боюсь, что пока не могу поделиться другим способом, так как другого не знаю. Рада, что нашли у меня много полезного!
УдалитьОчень жаль, что не работают(((
ОтветитьУдалитьПочему то в Гугле не отображаются картинки. А в мозиле нормально.
ОтветитьУдалитьЯ вставила и все работает, но как теперь сообщить об этом посетителям? Вот у Вас текст под окошком комментария, как Вы его вставляли? Я бы вставила читателям объявление о возможности публиковать картинки так же :-)
ОтветитьУдалитьЭнн, все получилось, спасибо!
ОтветитьУдалитьДобрый день, Энн! Почему-то в комментарии все равно вставляется ссылка, что- то делаю не так, подскажите как правильно сделать. Нашла, вставила, но результата нет,только ссылка
ОтветитьУдалитьможет скрипт нерабочий?
ОтветитьУдалить