Blogger: Кнопки навигации - чиним и рисуем.
22 comments
ПредыдущееСледующееЗдравствуйте, а у вас в блоге есть такие красивые кнопки для навигации? Что, нет? Вы все-таки не расстраивйтесь, пожалуйста... У некоторых они (кнопки/ссылки для навигации по блогу, вот эти самые, Предыдущее - Следующее) совсем пропали (вернее не совсем пропали, а так виднеется чего-то под заголовком верхней статьи)! Вот ведь не повезло кому-то... Сегодня мы эти кнопки будем чинить, а заодно я расскажу как вставить картинки вместо слов Предыдущее - Следущее - Главная страница.
I. Чиним шаблоны.
Беда случилась с некоторыми шаблонами, создатели которых с одной стороны полезли слишком глубоко в возможности манипулирования шаблонами для Blogger'а, с другой стороны сделали это недостаточно аккуратно и теперь, когда Blogger меняет свои программы обработки шаблонов кнопки навигации исчезли.
Лично я была заинтригована и билась над этой проблемой порядка двух дней - решение я наконец нашла, но оно меня не очень устраивало так как отдавало каким-то шаманством:
Вот мое решение:
1) На вкладке Дизайн - Изменить Html
cтавим галочку на Расширить шаблоны виджета;
2) Находим строчку
3) И вставляем перед ней любой символ, я, например, поставила точку и у меня получилось вот так: .
4) Нажимаем Просмотр и убеждаемся, что кнопки навигации вернулись на место.... и Сохраняем шаблон.
Звучит как шаманство - оно и есть шаманство, поэтому следующим шагом я полезла в англоязычный интернет, посмотреть может быть где-нибудь предложено более изящное решение, которое больше похоже на решение и нашла.
Итак,
1) На вкладке Дизайн кликаем на Изменить Html
2) Находим строчку #blog-pager {
скорее всего блок кода связанный с этой строчкой будет выглядеть вот так:
#blog-pager {
text-align: center;
}
3) Вставляем во внутрь этого блока строчку clear:both;
у нас получится:
#blog-pager {
text-align: center;
clear:both;
}
4) Нажимаем Просмотр и убеждаемся, что кнопки навигации вернулись на место.... и Сохраняем шаблон.
Первоисточник (по крайней мере для меня): How to Fix Older New Navigation?
II. Картинки вместо ссылок навигации.
0) Заготавливаем картинки для навигации и загружаем их в photobucket.com или еще куда-нибудь.
1) На вкладке Дизайн - Изменить Html
cтавим галочку на Расширить шаблоны виджета;
2)
a) "Следующие"
Находим в коде вот такую последовательность символов
и заменяем её кодом картинки:
б) "Предыдущие"
Теперь ищем в коде такое сочетане символов
и заменяем его на код картинки
в) "Главная страница"
Находим в коде "слово"
и все вхождения этого слова заменяем на коды картинок:
Всем хороших праздников,
а сильную половину читателей
С Днем Защитника Отечества!
Счастья вам!
Света
Blogger: кошка.
Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...
Posted by Kyle and Svet Keeton
22 comments
Labels: Blogger, Картинки, Шаблон
Понравился пост - добавь в закладки, чтобы не потерять:ОднаКнопка
30.1.10
Blogger сохранит ваши гаджеты!
29 comments
Blogger сохраняет гаджетыBlogger меняется
и меняет жизнь к лучшему!
Здравствуйте, всегда приятно писать о хороших вещах, и сегодня мой пост именно об этом! Конкретно о том, что Blogger теперь сохраняет наши гаджеты (или точнее сказать, Html/Javascript гаджеты наших шаблонов)!
Хорошие новости:
Менять шаблоны стало проще! Если раньше при смене шаблона Blogger только предупреждал, что гаджеты такие-то и такие-то будут потеряны, то теперь он дает нам полноценный выбор, спрашивает хотим ли мы СОХРАНИТЬ ВИДЖЕТЫ, УДАЛИТЬ ВИДЖЕТЫ или ОТМЕНА (установки нового шаблона). И, конечно, без всяких сомнений, если уж мы решились поменять шаблон, мы отвечаем ДА, СОХРАНИТЬ ВИДЖЕТЫ - и ни один из ваших виджетов любого типа не пострадает!
Blogger теперь сохраняет Html/Javascript и Текст гаджеты. Понятие не имею где и как Blogger хранит информацию о содержании вашего гаджета, известно, что в Xml-файле полученного после сохранения вашего Html-кода шаблона на PC хранятся только заголовки, но факт остается фактом, что теперь Blogger сохраняет Html/Javascript, Текст виджеты, т.е. от вас требуется сохранить только шаблон и тогда если вы случайно удалите один из гаджетов такого типа, вы сможете восстановить его загрузив предыдущую версию вашего шаблона.
Работая над этой статьей я провела множество экспериментов, меняя шаблоны, делая резервные копии и восстанавливая различные версии шаблона.
И вот что я выяснила:
1) в настоящее время Blogger НЕ сохраняет (надеюсь, только пока?) гаджеты типа: Картинка, Список блогов, Список ссылок, Слайдшоу... и это печально, потому что именно эти гаджеты невозможно скопировать в буфер мышки и сохранить у себя на компьютере в виде txt-файла;
2) если сохранить шаблон из блога А и затем загрузить этот шаблон в блог Б, гаджеты блога А будут видны в блоге Б лишь как заголовки;
3) иногда в теле этих гаджетов вы увидите свои старые (давно удаленные, потерянные) Html/Javascript гаджеты... Откуда делаем выводы
a) Blogger уже давольно давно коллекционирует наши Html/Javascript гаджеты;
b) Можно попытаться восстановить эти гаджеты из недр памяти Blogger'а. Для этого сохраняем шаблон нашего основного блога и загружаем его в тестовый блог, в тестовом блоге добавляем с десяток гаджетов типа Html/Javascript (т.к. тело гаджета не может быть пустым, напишите там что угодно хоть прямо по-русски Гаджет1, Гаджет2, и т.д.), теперь сохраняем шаблон нашего тестового блога и загружаем его на наш основной блог и... возможно мы там увидим множество уже забытых, давно-потерянных гаджетов).
Приятных экспериментов, хотя статья не об этом, а о том, что надо быть бдительным и обязательно регулярно делать бэкапы (резервное копирование на свой компьютер) как всего блога, так и текущего шаблона.
Другие статьи по теме:
1) Как сохранить шаблон Blogger'а.
2) Как я восстанавливала удаленный гаджет.
3) Как сделать резервную копию всего вашего блога (посты, комментарии, ярлыки).
4) Восстановление удаленного блога - трудно, но если не упустить время, то возможно.
Всем здоровья и удачи!
Света
Blogger: кошка.
Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...
Posted by Kyle and Svet Keeton
29 comments
Labels: Blogger, Сохранение-Восстановление
Понравился пост - добавь в закладки, чтобы не потерять:ОднаКнопка
5.1.10
Blogger: А не пойти ли нам всем на BOBs?
44 comments
На BOBs что ли заглянуть...Дело было вечером,
Делать было нечего.
(С. Михалков)
Этот пост о международном конкурсе блогов The BOBs, который стартовал уже 7 декабря, я специально запланировала на эти длииные всероссийские каникулы, когда многие из нас оказались в той самой ситуации, когда "Дело было вечером, делать было нечего..."
Так вот я всем нам нашла шикарное дело: "А не пойти ли нам всем на The BOBs?" Я думаю, что пойти стоит! Стоит показать всему миру какие у нас есть замечательные русскоязычные и не только блоги наших соотечественников.
Организатором конкурса является немецкая медиа-компания Deutsche Welle. Задача Deutsche Welle – быть первоисточником информации о Германии и платформой для свободного обмена мнениями между представителями разных языков и культур. Другой важный аспект -- поддержка немецкого языка. Так сформулированы цели Deutsche Welle в специальном законе, регулирующем ее деятельность. В компании работают около 1500 сотрудников из более чем 60 стран.
Теперь немного о правилах:
Участие в соревнованиях бесплатно и каждый может предложить любое количество блогов (хотя по опыту предыдущего года все предложенные блоги проходят строгую модерацию).
-------------------
Вот, что написано на сайте The BOBs:
Выдвижение кандидатов (07.12.2009 - 14.02.2010):
Конкурс The BOBs стартует 07.12.2009. С этого момента желающие могут предложить своего кандидата для участия в одной из 17 конкурсных категорий при помощи онлайн-формуляра. Регистрация кандидатов продлится до 14.02.2010 включительно.
Участвовать может каждый
К участию в конкурсе допускаются веблоги всех физических лиц, за исключением сотрудников Deutsche Welle и членов конкурсного жюри. Каждый может предложить для участия в конкурсе неограниченное количество кандидатур.
Возможна многократная регистрация
Один и тот же веблог может быть предложен для участия в конкурсе несколько раз. Жюри известно о том, сколько раз был предложен тот или иной кандидат. Эти данные жюри может учесть - правда, не в качестве решающего критерия - при выборе номинантов.
Веблоги на одиннадцати языках
Языками конкурса являются английский, арабский, индонезийский, испанский, китайский, немецкий, бенгальский, персидский, португальский, русский и французский. Для участия в конкурсных категориях "Лучший веблог", "Лучший корпоративный блог", "Лучший подкаст", "Самый необычный блог", "Лучший тематический блог" или сайт-призер "Репортеров без границ" можно предлагать блоги или сайты на любом из названных языков. В категории "Лучший языковой блог" могут участвовать лишь сайты на соответствующем языке.
-----------------
О том, что вы выиграете принимая активное участие в конкурсе блогов The BOBs я подробно рассказывать не буду, скажу лишь, что зарегистрированные на The BOBs блоги навсегда попадают в Блогопедию. А ссылки на ваши блоги (как автора комментария или человека предложившего блог к участию в The BOBs) do-follow.
Так что если есть свободное время на этих каникулах, стоит сходить и зарегистрировать себя и товарища, а почему бы и не ;).
Для того чтобы зарегистрировать блог идем на страницу регистрации блога.
Заполняем предложенный опросник, обязательные поля помечены звездочкой (*) это Название блога, URL (адрес вашего блога), Язык, Рубрика, Тип блога (важно, если вы хотите чтобы ваш блог принял участие в конкурсе как фотоблог, видеоблог или подкаст), Описание (блога), теги (ключевые слова), Имя (того кто рекомендует блог), email и необязательное, но важное поле, если вы рекомендуете блог друга, Личная веб-страница (здесь вы можете поставить ссылку на ваш блог). Ставим галочку о том что ознакомились с условиями конкурса и нажимаем Отправить (не забудем еще ввести "код указанный на картинке"). На следующем этапе вас спросят для участия в каких номинациях вы предлагаете этот блог. Не скупитесь - предлагайте ваш блог во все или почти во все номинации!
По окончании процедуры на правой боковой колонке сверху будут размещены ссылки, в частности ссылка на ваш блог в Блогопедии BOBs, можно дать ссылку читателям блога и попросить оставить комментарий. А внизу боковой колонки можно взять уже готовый баннер для вашего блога и разместить его у себя в качестве гаджета.
Ссылка на мою страницу Блогопедии BOBs здесь. Ей уже больше года, сейчас бы я конечно, описала свой блог немного по-другому, но как есть - так есть.... (Если интересно вот такую статью про BOBs я написала в сентябре 2008: BOBs: Пятый международный конкурс блогов!)
А ниже самые любопытные могут посмотреть на блоги, которые уже принимают участие в этом конкурсе блогов (Я, признаться, делаю это регуляно):
Показать/Спрятать
Я обычно выбираю блоги на русском языке, не ограничевая ничего остального. А вы как хотите:
Не скучайте этой зимой!
СветаBlogger: кошка.
Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем!
Читать дальше...
Posted by Kyle and Svet Keeton
44 comments
Labels: Blogger, Блогосфера
Понравился пост - добавь в закладки, чтобы не потерять:ОднаКнопка
24.12.09
Blogger4You: Merry Christmas and Happy New Year!
33 comments
И вот уже 24 декабря канун католического Рождества и я после рождественского ужина, который приготовил Кайл, вдруг отчетливо осознаю, что откладывать написание этого поста уже нельзя. Что время прямо-таки несется навстречу и нашим праздника: Новому Году, Православному Рождеству и Старому Новому Году!
Поэтому сегодня я вам очень коротко расскажу как установить этот скрипт, который показывает случайным образом электронные открытки-поздравления с Новым Годом и Рождеством.
Открытки совершенно легально взяты мной с сайта
http://www.123greetings.com/, где они дают код для вставки электронной открытки на сайт или в блог. Правда, код для вставки пришлось немного поменять, т.к. код, который давали они не маштабировался, а мне хотелось иметь возможность как добавлять в блог открытки оригинального размера 550х400 так и уменьшенные копии для боковой колонки. Так я подобрала на этом сайте чуть больше 30 открыток по Новогодне-Рождественской тематике и написала простенький скриптик, который показывает открытки почти случайным образом.
С Наступающим Новым годом!
Здесь каждый раз новая открытка! Заглядывайте иногда... ;)
На вкладке Дизайн кликаем по Добавить гаджет, выбираем тип гаджета Html/JavaScript и вставляем туда код. Гаджет можно оставить в боковой колонке, а можно и переместить над статьями.
В коде можно исправить:
1) Прежде всего высоту и ширину показываемой открытки NYheight=400; NYwidth=550;
т.е. вот эти числа 400 и 550
2) Надписи над и под открыткой
Их можно убрать совсем код я выделила светло-зеленым, а можно поменять только слова, а можно поменять также цвет (color), размер шрифта (font-size) и стиль шрифта (font-family).
С Наступающим Новым годом!
Здесь каждый раз новая открытка! Заглядывайте иногда... ;)
Спасибо, всем читательницам, которым понравился прошлогодний скрипт со снежинками, и которые вдохновили меня создать еще что-нибудь новогоднее!
Создавая этот скрипт, перебирая электронные открытки, а потом любуясь результатами своего труда в этом блоге, я и сама прониклась этим сказочным волшебным предновогодним настроением...
Merry Christmas and Happy New Year!
Blogger: кошка.
Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...
Posted by Kyle and Svet Keeton
33 comments
Labels: Blogger, Гаджеты, О жизни
Понравился пост - добавь в закладки, чтобы не потерять:ОднаКнопка
18.12.09
Blogger: Шрифты из шаблона выносим на вкладку Шрифты и цвета!
16 comments
Здравствуйте!
Сегодня мы с вами поговорим о шрифтах нашего блога, вернее об управлении ими на вкладке Шрифты и цвета. Управлять-то ими легко и статью на эту тему я уже писала Blogger: Изменяем размер шрифта и это все работает для стандартных (рекомендованных Blogger'ом) шаблонов. Проблемы начинаются когда блоггеры устанавливают себе скаченные из интернета шаблоны для Blogger'а . Многие из них красивы, но не поддерживают всех возможностей платформы Blogger. В прошлой статье я рассказала и опубликовала маленькое видео как "вынести" управление цветом вашего шаблона на вкладку "Шрифты и цвета" раздела Дизайн на Панели инструментов (Blogger: Цвета из шаблона выносим на вкладку Цвета и шрифты). Сегодня мы продолжим улучшать управление шаблоном и сделаем на вкладке "Шрифты и цвета" возможность управления и шрифтами шаблона.
Еще раз повторюсь, что статья является продолжением предыдущей статьи Blogger: Цвета из шаблона выносим на вкладку Цвета и шрифты, поэтому всем рекомендуется сначала заглянуть туда. А мы продолжаем...
1) Как и в прошлый раз мы делаем заготовку в Блокноте:
Про имя переменной (variable), мы с вами уже знаем, про описание переменной (description) тоже, тип переменной (type) теперь font, что и понятно, потому что описываем мы с вами переменные для шрифтов.
А вот про значение по умолчанию (default) т.к. оно стало намного сложнее придется поговорить подробно.
Все дело в том что описатель шрифта font это описатель набора свойств шрифта.
Свойства в списке располагаются в следующей последовательности: font-style font-weight font-size font-family
Для параметра font-style в значении по умолчанию Blogger допускает только 2 значения: normal (нормальный шрифт)или italic (курсив)
Для параметра font-weight в значении по умолчанию Blogger допускает только 2 значения: normal (нормальный шрифт)или bold (полужирный)
Задавать параметр font-size в значении по умолчанию можно только в процентах.
А font-family может быть только выбрана из значений Arial, Courier, Georgia, Times, Trebuchet, Verdana.
Идея "вынесения" шрифтов на вкладку Шрифты и цвета осталась таже. Не ставя галочку на Расширить шаблоны виджета ищем слово font в Html-коде нашего шаблона.
Встретиться это слово может в самых разных видах, так в шаблоне, над которым мы работали в прошлый раз я видела следующие варианты, кстати, конец описания обычно (если это не последний описатель) отделяется точкой с запятой
font: 1em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
font:bold 100% verdana, arial, helvetica, sans-serif;
font:3em Georgia,Times New Roman,Trebuchet;
Ну, что тут можно сказать все описатели между двоеточием и точкой с запятой мы заменим на имя очередной переменной со знаком доллара впереди $f1 например.
А в блокноте в описании значения по-умолчанию этой переменной можно поставить:
1) на первой позиции normal (если мы не встретили italic)
2) на второй позиции normal (если в коде не упоминалось bold)
3) на третьей позиции 100% (если вы не видите в описании другие цифры со знаком процент, все эти 3em, 1em/1,5 em тоже размеры, но Blogger во вкладке "Шрифты и цвета" их не поддерживает, единственное, что можно сказать, что если 1.5em - это 100%, то 3em будет 200%).
4) на четвертой позиции мы поставим семейство шрифтов его можно целиком вставить в дефолтное значений.
Итак в Html-коде у нас будет:
font: $f0;
font: $f1;
font: $f2;
А в Блокноте если мы поменяем значения по умолчанию:
еще возможен вариант, когда внутри фигурных скобок вы встретит сразу несколько частичных описателей свойств шрифта.
Это может быть что-то одно или сразу несколько описателей font-size font-weight font-style или font-family. Бывают и другие описатели, например font-variant (их мы на имя переменной не заменяем, а оставляем как есть). А уже известные нам описатели, изменение которых на вкладке Шрифты и цвета Blogger поддерживает мы заменим на font: и имя ОДНОЙ переменной;
В одном месте Html-кода шаблона над которым я работала встретилось такое описание некоторого блока:
{
text-align:justify;
font-size:14px;
font-weight:bold;
}
я его заменила на
{
text-align:justify;
font:$f4;
}
А в Блокноте изменила значения по умолчанию только в известных позициях:
Возможно, со значениями по умолчанию у переменных можно особенно и не возиться, а когда все описатели шрифтов в блоге будут заменены на переменные, и в Html-код блога вы вставите описания переменных для шрифтов. Описания переменных вставляем ПЕРЕД строчкой
Конец определения переменных ------- */
И вот когда все изменения сделаны идем на вкладку Шрифты и цвета и изменяем размеры, стиль написания, жирность и курсив, так как нам захочется. Ведь если встал вопрос о вынесении настрек для шрифтов на вкладку Дизайна "Шрифты и цвета", значит что-то в шаблоне нас не совсем устраивало.
Прошу прощения за скучное описание, но может быть кому-нибудь пригодится.
Всем здоровья и удачи!
Не мерзнете!
СветаBlogger: кошка.
Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...
Posted by Kyle and Svet Keeton
16 comments
Labels: Blogger, Ответы на письма, Шаблон
Понравился пост - добавь в закладки, чтобы не потерять:ОднаКнопка
Предыдущие