Прежде всего сохраняем первоначальный резервный вариант шаблона (сделаем его бэкап) на тот случай, если что-то пойдёт не так.
Далее переходим на вкладку "Шаблон" - кнопка "Изменить HTML".
Сейчас мы видим только основные элементы. Чтобы раскрыть полный вариант, нужно щёлкнуть на маркеры ► слева.
Но в большинстве случаев (особенно следуя какому-нибудь руководству) достаточно воспользоваться поиском. Для чего сначала кликаем в любом месте поля редактора или выделяем любой его фрагмент
а затем нажимаем сочетание двух клавиш Ctrl + F. Справа появится форма ввода
Учтите, что порой существует несколько вхождений какого-либо участка. Проверяем это, несколько раз щелкая Enter.
Редактируем код.
Перед сохранением предварительно нажимаем кнопку "Посмотреть шаблон". Если были допущены ошибки, программа предупредит об этом.
Фиксируем результат по кнопке "Сохранить шаблон".
Куда добавлять стили CSS
Существуют два варианта:
- прямо в редакторе шаблона перед фрагментом
]]></b:skin>
- в "Дизайнере шаблонов" в поле справа
Но изменить уже имеющийся стандартный код возможно только в первом случае.
Простейшая структура HTML-документа
Сначала непонятно что же мы делаем. Но как и другой веб-документ, шаблон Blogger имеет стандартную структуру.
<html> <head>...</head> <body>...</body> </html>, где head - содержит служебную информацию, которая не видна пользователю, такую как мета-теги, стили CSS, скрипты; body - элементы, которые будут отображены в окне браузера.
128 комментариев:
Хотел бы спросить .Я короче новичок в блогах ,впервые создал .Ну потихоньку ,где получится ,где нет .Постраничную навигацию блога устанавливаю код .выдает ошибку HTML .Но я тут вообще не знаю .Посоветуйте пожалуйста .Может я что то кликнул не туда ..С Уважением к ВАМ Владимир !!!Мой блог.http://yvladimira.ru/
.showpageNum a { }
.showpageOf { }
.showpageNum a:hover { }
.showpagePoint { }
Сохраните. Потом скрипт до /body. Сохраните. Затем, если будут вопросы, я уже смогу посмотреть в коде, подкорректировать.
Подскажите, пожалуйста, что исправить в HTML моего блога, чтобы вернуть background на место. Несколько дней назад мой чудесный фон перекрыл непонятно откуда взявшийся непрозрачный одноцветный фон. Вот так это теперь выглядит: http://classvprog1733.blogspot.com/
Помогите, пожалуйста!!!
body {
font: normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif;
color: #373636;
background: #ecb892 none no-repeat scroll center center;
}
Затем ваша картинка и потом цвет #ddeedd.
Уберите картинку и выше код замените на (см. http://shpargalkablog.ru/2011/12/kak-izmenit-shablon-blogger.html )
body {
font: normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif;
color: #373636;
background: #ecb892 url(http://www.shabbyblogs.com/storage/new/PeaceOnEarth.jpg) no-repeat scroll center center;
}
/* Variable definitions
====================
Илья Вин, каков у вас браузер? Попробуйте обновить до последней версии.
не знаешь как добавлять? может это гаджет какой то, вот как пример ссылка http://www.astralghack.ru/?view=classic потом можешь удалить, когда посмотришь
У меня есть вопрос ,!! Я поменял шаблон все хорошо шло покамись в один прекрасный день у меня сообщения в блоге начали Раздваиваться.... Что мне делать ?? Поискал по форумам там сказали Удалить Этот елемент в коде
Я пытаюсь его удалить но мне ввыходит ошибка (( Что мне делать ??
http://b-amazingtemplates.blogspot.com/
]]> нашла. а дальше непонятно, что делать. как редактировать код и что за стили CSS.
Я ещё очень мало что умею. на стандартном шаблоне работала, но хочется оригинального
background: transparent url(http://blogblog.com/1kt/travel/bg_black_70.png) repeat scroll top left;
background-position: left -0;
background-color: transparent;
Я удалил в своём блоге надпись "технологии блоггер" по советам в сети, но внизу страницы всё равно остаётся нижний колонтитул. Через "Дизайн" фон колонтитула я сделал прозрачным, но посреди экрана висит полоса - рамка, да и сам колонтитул хоть и тоньше сообщения о "технологиях", но весьма большой. Никаких виджетов-гаджетов внизу у меня нет. Может можно как-то скрыть этот колонтитул через редактирование шаблона, или удалить совсем. Буду очень признателен за подсказку!
пробовал и вырезать section, и подставлять, сам attribution удаляется без проблем, но колонтитул оставался.
Но удаление полностью footer помогло - строка снизу исчезла.
NMitra, теперь в шаблоне между абзацами main и content у меня совсем ничего нет, это не страшно?
И ещё маленький вопросик... Вы, наверное, знаете, бывает ли такое, что гугл закрывает блоги из-за удаления их ссылки? а то я только создаю блог компании, сейчас столько трудов в него вкладываю, а то вдруг через неделю скажут finite la commedia?
Я таких случаев не встречала, у самой убраны ссылки. Не помню в соглашении есть ли такой пункт или он отсутствует. Делайте резервную копию. http://shpargalkablog.ru/2011/01/bezopastnost-blogger.html
Очень ценная для информация на Вашем блоге! И ей можно доверять, в отличие от некоторых других источников. Да ещё и находите время отвечать нам! Браво!
Не знаете ли, реально найти хороший шаблон для сайта на Blogger: резиновый, с постраничной навигацией, из трёх колонок, без широких отступов по краям, со строгим дизайном, и так далее? Для будущего сайта полработы по исправлению шаблона проделал, но не могу справиться с выпадающем меню: либо оно не устанавливается, либо отказывает постраничная навигация. Кроме того, Explorer чудит. Так реально ли найти хороший шаблон? Или приспособить ко Blogger шаблон другого формата? Никакой информации об этом в интернете нет.
Думаю найти можно, но сама не искала.
http://ifotki.info/14/65ef0ea4affd0c4944fdaebcffe09a2a4fb7a2149540821.jpg.html
а после полного раскрытия сообщения она становится такой
http://img-life.ru/upload_image/728b9aed66186654f0dafb84e25454cd.jpg
Имеется ли возможность ЗДЕСЬ убрать нессылочный текст ("Ссылки на это сообщение") и дополнительное прозрачное затемнение фона.
2. А также убрать дополнительное прозрачное затемнение фона боковой панели.
Спасибо ( http://markfrm.blogspot.co.il/search?updated-max=2015-01-01T06:15:00%2B02:00&max-results=4 )
<h4><data:post.backlinksLabel/></h4>
2. Ищите по началу URL
www.blogblog.com
http://ifotki.info/14/814ce5865974518a3f1d7f06041e86186d43d7149641935.jpg.htmlКакой убрать?
http://ifotki.info/14/338762ebfdfd8fc4d040bd7583be82ab6d43d7149644806.jpg.html
http://ifotki.info/14/78f603de74266a3843bb8317792e2bff6d43d7149646312.jpg.html
А не подскажете, хочу вставить в шаблон каждого поста кнопку Яндекс поделиться http://api.yandex.ru/share/. Мне хочется, чтобы этот блок был сразу, как только закончился текст, т.е. перед блоком "Автор" в 14:37 и т.д. с предустановленными поделиться от Гугла. Пробовал установить в шаблон, но что-то в шаблоне код есть, а на странице смотрю исходный код, нет моего кода.
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
class='box'
и удалите соответствующий div.
только код будет
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
Есть более простое решение, но оно почему-то не всегда срабатывает: "Дизайн"-изменить "Сообщения блога"-с блоке "Упорядочить элементы" перетащить под заголовок.
Первый:
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
Второй:
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span> <span class='post-icons'>
Думаю, что нужно этот код вырезать из <div class='post-footer'> и вставить в <div class='post-header'>, но не знаю как.
Ctrl + V (вставить)
Title:
Здесь вообще ничего не понятно! Хочется разобраться, но никак не найду информации.
Такого и тому подобного кода (тэгов, атрибутов) масса в шаблоне! А вот инфы по ним не так уж и много.
Блог http://aleynikovatoys.blogspot.ru/
Заранее спасибо )
Увы, от меня никакого толка, пока сама не проделаю все шаги по установке.
Неприменимо к этому шаблону.
Спасибо
букву пропустил)
body{
background: #fff url(http://3.bp.blogspot.com/-w1T8mbOQc94/Ucw7ub8lufI/AAAAAAAAK5A/f8aPIBYpoy4/s1600/bg-body.jpg);
font-family: 'Headland One', serif;
color:#333;
}
и поставьте свой background
Не смог в инете найти ответ, решил в очередной раз обратиться к специалисту. Подскажите, где мне найти инфо, как вот здесь http://www.oricoach.ru/ сделать вместо главной страницы что-то типа http://spo565.blogspot.ru/ . Кроме как создать ещё один блог с ссылками в голову не приходит. Буду очень признателен.
http://shpargalkablog.ru/2012/05/html-blogger.html
http://shpargalkablog.ru/2010/07/vsegda-sverhu.html
На первой картинке видите кнопку "Настроить"? Это дизайнер шаблонов. С его помощью вы можете сделать довольно многое и этого будет пока достаточно. Ещё пару рекомендаций тут http://shpargalkablog.ru/2013/05/kak-vesti-blog.html
заранее благодарен!
Или вызовите строку поиска как показано на скриншотах, обязательно щёлкнув сначала по полю с кодом.
<!--[if IE 6]>
<style>
nav {top: -63px;}
.inline-ad {top: -153px;}
footer {top: -56px;}
aside {top: -28px;}
.aside ul {top: 12px;}
</style>
<![endif]-->
</head>
<body>
<header>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Как я дрессировала своего пса (заголовок)' type='Header'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1>шпаргалка блоггера</h1>
<b:else/>
<a href='/' title='На главную страницу «Шпаргалки блоггера»'>шпаргалка блоггера</a>
</b:if>
</b:includable>
<b:includable id='description'/>
<b:includable id='title'/>
</b:widget>
</b:section>
</header>
<body>
я бы стала искать
<body
На тот случай, если <body> задан какой-нибудь класс, id или что-то ещё.
справлюсь вместе с Вами. Не могли бы посмотреть мой блог,что там не так.Вам как опытному
спецу не составит труда понять что у меня не так в блоге. Заранее спасибо Вам.
jumabai.blogspot.com
Последовательность такая:
1) Сначала ищите за что зацепиться в исходном коде, например, id ( http://shpargalkablog.ru/2014/05/see-html.html#Ctrl-Shift-C )
2) Затем в шаблоне ищите похожий код по найденному id (см. текущая статья)