Доброго всем времени суток. За последние дни я узнала довольно много для себя нового и интересного и решила полученные знания "законспектировать" :) Себе на память, да и вам может пригодится.
Итак, тема : меняем шрифты в блоге.
*Сразу оговорюсь, что я не спец, всего лишь выкладываю свой опыт. Т.е. у меня нет уверенности, что я смогу ответить на все сопутствующие вопросы по данной теме.
Начнем.
1) обязательно делаем резервную копию своего шаблона, т.к. менять мы будем HTMLкод, и если через чур сильно накосячим, резервная копия нас спасет!
Для этого в настройках блога, в разделе Шаблон нажимаем кнопочку Резервное копирование и восстановление и далее Загрузить шаблон полностью:
Выбираем место на диске, куда следует сохранить шаблон. Всё! Себя подстраховали, можно безобразничать :)
2) Выбираем шрифт. Для этого переходим вот по этой ссылочке http://www.google.com/webfonts
Слева на панельке укажите, что вас интересует Кирилица:
Для примера, я выбираю шрифт с вкусным названием Marmelad :)
3) Теперь нам необходимо получить ссылку выбранного шрифта. Нажимаем кнопочку Quick-use (см. картинку выше). В открывшемся окне нас интересует второй раздел - обязательно убедитесь, что у вас стоят обе галочки - кирилица и лат., и третий - собственно сама ссылка.
4) Теперь необходимо запихнуть эту ссылку в свой шаблон.
В настройках блога, в разделе Шаблон жмем кнопочку Изменить HTML. В окне предупреждения - Пропустить.
В открывшемся окошке ищем тэг <head>:
и сразу после него вставляем ссылку на выбранный шрифт, полученную в п.3. У меня это выглядит так:
Теперь два важных момента:
1) добавить символ / перед последней "ковычкой" вашей ссылки
2) вместо знака & (амперсант) ставим &
Должно получиться так:
Нажимаем Сохранить Шаблон и закрываем это окошко.
Пол дела сделано :)
5) Как шрифт назначить каким-либо элементам блога. *Я пока напишу только про применение к основному тексту, попозже, если будет необходимость у кого, напишу как заголовки и т.п. поменять.
В настройках блога, в разделе Шаблон жмем кнопочку Настроить (рядом с кнопкой Изменить HTML).
Выбираем раздел Дополнительно, в самом низу Добавить CSS и в окошке справа пишем следующее:
BODY { font-family: "название шрифта",verdana, sans-serif; }
название шрифта - у вас будет своё, у меня так:
Вот и все :) Нажимаем в верхнем правом углу Применить к блогу и любуемся полученным результатом :)
Итак, тема : меняем шрифты в блоге.
*Сразу оговорюсь, что я не спец, всего лишь выкладываю свой опыт. Т.е. у меня нет уверенности, что я смогу ответить на все сопутствующие вопросы по данной теме.
Начнем.
1) обязательно делаем резервную копию своего шаблона, т.к. менять мы будем HTMLкод, и если через чур сильно накосячим, резервная копия нас спасет!
Для этого в настройках блога, в разделе Шаблон нажимаем кнопочку Резервное копирование и восстановление и далее Загрузить шаблон полностью:
Выбираем место на диске, куда следует сохранить шаблон. Всё! Себя подстраховали, можно безобразничать :)
2) Выбираем шрифт. Для этого переходим вот по этой ссылочке http://www.google.com/webfonts
Слева на панельке укажите, что вас интересует Кирилица:
Для примера, я выбираю шрифт с вкусным названием Marmelad :)
3) Теперь нам необходимо получить ссылку выбранного шрифта. Нажимаем кнопочку Quick-use (см. картинку выше). В открывшемся окне нас интересует второй раздел - обязательно убедитесь, что у вас стоят обе галочки - кирилица и лат., и третий - собственно сама ссылка.
В настройках блога, в разделе Шаблон жмем кнопочку Изменить HTML. В окне предупреждения - Пропустить.
В открывшемся окошке ищем тэг <head>:
Теперь два важных момента:
1) добавить символ / перед последней "ковычкой" вашей ссылки
2) вместо знака & (амперсант) ставим &
Должно получиться так:
Нажимаем Сохранить Шаблон и закрываем это окошко.
Пол дела сделано :)
5) Как шрифт назначить каким-либо элементам блога. *Я пока напишу только про применение к основному тексту, попозже, если будет необходимость у кого, напишу как заголовки и т.п. поменять.
В настройках блога, в разделе Шаблон жмем кнопочку Настроить (рядом с кнопкой Изменить HTML).
Выбираем раздел Дополнительно, в самом низу Добавить CSS и в окошке справа пишем следующее:
BODY { font-family: "название шрифта",verdana, sans-serif; }
название шрифта - у вас будет своё, у меня так:
Вот и все :) Нажимаем в верхнем правом углу Применить к блогу и любуемся полученным результатом :)
Для меня сейчас очень актуально))) Хочу поменять дизайн блога. Информация очень полезная, спасибо!
ОтветитьУдалитьАнастасия (можно на "ты"?) :) Может у тебя есть какие то ссылки на то, как менять дизайн блога? Видела такие дизайны красивые для рукодельных блогов, а где видела - не помню и найти не могу :(
Буду очень благодарна за помощь :)
Наташ, я не пробовала дизайны качать (где-то тоже натыкалась, правда не для рукодельных они были), но качать не пробовала. Я сама всё :) Сама шапочку, сама фон, шрифты сама подбирала и т.д. и т.п.
УдалитьНаташ, вот тут есть фоны для блогов http://hotbliggityblog.com/
УдалитьОй, низкий поклон тебе, добрый человек!))))) Именно этот сайт я видела раньше, его и искала)))) Спасибо огромное! :)
УдалитьА по поводу того, что все сама - это круто!))) Очень гармонично все подобрано.
Ещё раз спасибо, пойду красоту наводить :)
:)
УдалитьНастюш спасибо за такую нужную информацию=)
ОтветитьУдалитьПривет :) Будет здорово, если пригодится :)
УдалитьНастя! Спасибо огромадное за массу полезной информации! Таким как я как раз к стати.
ОтветитьУдалитьСпасибо огромное.
ОтветитьУдалитьПриглашаю к себе за наградкой.
http://kuklmix.blogspot.com/
Настя, очень полезная информация, обязательно сяду разобраться, когда дома одна останусь, а то с ребенком-шилом на коленях не сосредоточишься. Вот еще здорово было бы узнать как сделать горизонтальное меню, может у тебя есть ссылка, где рассказывается об этом?
ОтветитьУдалитьВика, это делается через создание СТРАНИЦ, там же есть - показывать страницы как "верхние вкладки". Единственное - писать посты ты сможешь только на главной странице, на остальных же будет только по одному сообщению.
УдалитьНастя, привет! ищу информацию, как изменить шрифт написания ярлыков (хочу помельче и пожирнее). Не подскажешь?
ОтветитьУдалитьПривет :)
УдалитьЭто про ярлыки, которые после сообщения выводятся в нижнем колонтитуле?
Если да, попробуй так
(в Добавить CSS)
.post-footer { font-weight: 700 }
.post-footer { font-size: 12pt; }
.post-footer { font-family: названиешрифта, названиешрифта2, Symbol, serif }
первая строка отвечает за жирность
вторая за размер
третья сам шрифт, но бери стандартные
Настя, спасибо за оперативность! это я про те, которые выводятся после слова ЯРЛЫКИ в виде столбика на правой панели. Мы про одно и то же говорим? Я так же как у тебя хочу сделать, маркированный список с точечками, а у меня с дефисами. Куда именно мне вставить код? (в Добавить CSS) - это что значит?
ОтветитьУдалитьНет, мы о разном :) Я про ярлыки, которые выводятся под каждым из сообщений :)
Удалитья поищу ответ на твой вопрос и чуть позже отпишусь :)
Глянула, это зависит от шаблона, который вы берете за основу. У меня выбран простой - в нем ярлыки идут списком *еще в шаблоне Путешествие тоже списком*. Вы выбрали другой шаблон, в котором отображается иначе. Так что самое простое решение - поменять шаблон.
УдалитьА у меня вот не получается((( Понравился старорусский шрифт (название забыла), все делаю как вы пишите, и ни в какую не хочет менять. Пишет, что ошибка в каком-то столбце. Помогите, пож., бестолочи!
ОтветитьУдалитьЯ не профи в этом вопросе. Но . в какой именно момент у вас выдается это сообщение?
УдалитьПосле четвертого пункта, когда "пол дела" должно быть сделано ))
Удалитьчто-то лишнее затерли. у вас стандартный шаблон? Если очень хочется и не боязно. можете в почту мне кинуть логин/пароль. я гляну. вдруг чёго получится. потом поменяете пароль на новый
УдалитьЯ только начала вести блог, поэтому буду рада помощи. Тыкните меня, где ваш адрес ))
Удалитьzennikova@yandex.ru
УдалитьСкинула на почту адрес и пароль. Буду очень благодарна в любом случае )))
УдалитьОльга, а точно те данные? я не могу зайти.
Удалитьздравствуйте, а вы не подскажите как добавить ярлыки на боковую панель, ну чтоб разделить по категориям разные виды рукоделия, а то я новичок и еще не разобралась с блогом)
ОтветитьУдалить1) на закладке ДИЗАЙН добавляем гаджет ЯРЛЫКИ
Удалить2) чтобы сами ярлыки появились, надо их к каждому сообщения привязать. Т.е. когда пишете пост справа на панельке НАСТРОЙКИ СООБЩЕНИЯ указываете к нему ЯРЛЫКИ (тут уж сами придумываете, как именно они будут называться)