Добрый день, уважаемые блоггеры. Как и обещала 2 дня назад, в последней статье про подготовку блога к монетизации, сегодня я расскажу, как убрать из шаблона Blogger все ненужные внешние ссылки.
План на сегодня:
Я достаточно давно пользуюсь браузером Mozilla Firefox, поэтому показывать буду на нем. Скачать этот браузер можно здесь абсолютно бесплатно. А если вы до сих пор пользуетесь Internet Explorer, то вы потом мне ещё спасибо скажете:). Для моего любимого браузера FF есть огромное количество расширений, плагинов и прочее, один из них Firebug. Устанавливать отсюда. Это расширение позволяет увидеть определенный кусок нужного кода. После всех установок внизу браузера появится изображение тараканчика
План на сегодня:
- Инструмент веб-разработчика
- Язык шаблонов Blogger
- Как удалить внешние ссылки в шаблоне Blogger
- Как удалить виджет Attribution
- Как удалить быстрое редактирование виджетов
Инструмент веб-разработчика
Я могла бы просто дать вам куски кода, которые нужно было бы просто удалить из шаблона, но я решила пойти более интересным путем и дать вам возможность научиться разбираться в своем шаблоне самостоятельно, поэтому начну с инструментов, которые помогут вам в этом легком деле.Я достаточно давно пользуюсь браузером Mozilla Firefox, поэтому показывать буду на нем. Скачать этот браузер можно здесь абсолютно бесплатно. А если вы до сих пор пользуетесь Internet Explorer, то вы потом мне ещё спасибо скажете:). Для моего любимого браузера FF есть огромное количество расширений, плагинов и прочее, один из них Firebug. Устанавливать отсюда. Это расширение позволяет увидеть определенный кусок нужного кода. После всех установок внизу браузера появится изображение тараканчика
Теперь пару слов о шаблонах Blogger.
Язык шаблонов Blogger
Постараюсь не грузить теорией, её смотрите в википедии, скажу только, что шаблон Blogger написан на языке XML, включает в себя язык HTML, а красивый внешний вид придается с помощью языка CSS. Так же в шаблоне Blogger допускается использование языка программирования JavaScript, так же вы можете встретить такое название, как jQuery, это библиотеки JavaScript. В общем, все подробности вы можете узнать из справки Blogger, википедии и поисковиков.
То, что я сейчас объясню, не совсем будет соответствовать действительности, я просто попытаюсь объяснить это своими словами для простоты восприятия, на самом же деле все немного сложнее, но для нас это ни к чему.
Каждый кусок XML кода содержит закодированный кусок HTML кода. Разработчики придумали, например, виджет «Меню». В шаблоне он выглядит так:
Но на деле этот код сообщает браузеру, что код должен быть вот таким:
А браузер уже показывает нам это в таком виде:
Разница между двумя кодировками очевидна.
К чему я все это. Дело в том, что все, что нам придется удалять из шаблона, в самом шаблоне это будет иметь один вид, а в исходном коде страницы другой. И нужно будет научиться улавливать связь между 2 кусками разного кода, понимать, почему так, а не иначе.
Но перейдем от теории к практике, и все станет более понятно.
В первую очередь, это ссылки на разработчиков, на дизайнера, и на сам Blogger.
Опустим вопрос морали, о том, что нехорошо удалять такие ссылки. И приступим к делу.
Открываем свой блог. Находим ссылку, от которой мы хотим избавиться. Жмем по ней правой кнопкой мыши и в появившемся меню выбираем «Анализировать элемент»
После этого действа у вас выскочит внизу браузера окно, в котором вы увидите ссылку, на которую только что нажимали.
Посмотрите на картинке. При наведении курсора мыши на код в появившемся окне, ссылка в блоге оказывается в голубом прямоугольнике.
Изображение кликабельно.
Теперь наша задача выявить весь код, который отвечает за ссылки в подвале блога.
Смотрим маленький ролик.
И так, блок, который отвечает за вывод ссылок в подвале блога называется Attribution1. Выяснив это, идем в наш шаблон.
Панель инструментов – Дизайн – Изменить HTML.
Ставим галочку «Расширить шаблоны виджетов»
Нажимаем Ctrl+F и в строке поиска вводим слово Attribution1
Нашли, теперь нужно удалить код. Вот тут будьте внимательны, если что-то меняете или удаляете, никогда сразу шаблон не сохраняйте, внесли изменения, нажали "просмотр", если все правильно сделали, то только после этого сохраняйте изменения.
Смотрим ролик и затем удаляем.
И так, вот код, который вы должны удалить:
То, что я сейчас объясню, не совсем будет соответствовать действительности, я просто попытаюсь объяснить это своими словами для простоты восприятия, на самом же деле все немного сложнее, но для нас это ни к чему.
Каждый кусок XML кода содержит закодированный кусок HTML кода. Разработчики придумали, например, виджет «Меню». В шаблоне он выглядит так:
К чему я все это. Дело в том, что все, что нам придется удалять из шаблона, в самом шаблоне это будет иметь один вид, а в исходном коде страницы другой. И нужно будет научиться улавливать связь между 2 кусками разного кода, понимать, почему так, а не иначе.
Но перейдем от теории к практике, и все станет более понятно.
Как удалить внешние ссылки в шаблоне Blogger
Какие внешние ссылки есть в наших шаблонах.В первую очередь, это ссылки на разработчиков, на дизайнера, и на сам Blogger.
Опустим вопрос морали, о том, что нехорошо удалять такие ссылки. И приступим к делу.
Открываем свой блог. Находим ссылку, от которой мы хотим избавиться. Жмем по ней правой кнопкой мыши и в появившемся меню выбираем «Анализировать элемент»
Посмотрите на картинке. При наведении курсора мыши на код в появившемся окне, ссылка в блоге оказывается в голубом прямоугольнике.
Теперь наша задача выявить весь код, который отвечает за ссылки в подвале блога.
Смотрим маленький ролик.
И так, блок, который отвечает за вывод ссылок в подвале блога называется Attribution1. Выяснив это, идем в наш шаблон.
Панель инструментов – Дизайн – Изменить HTML.
Ставим галочку «Расширить шаблоны виджетов»
Нажимаем Ctrl+F и в строке поиска вводим слово Attribution1
Смотрим ролик и затем удаляем.
И так, вот код, который вы должны удалить:
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>Обратите внимание на первую и последнюю строчку этого кода. Вначале стоит код
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>И в конце
</b:widget>Это и есть разметка виджетов в шаблоне Blogger. Если вдруг у вас не получилось удалить этот виджет, то можете попробовать захватить ещё одну строчку вверху и одну внизу.
<b:section…..>Таким образом вы удалите всю секцию.
код виджета
</b:section>
Обратите внимание на то, что в вашем шаблоне код этого виджета может отличаться от моего.
Теперь нам предстоит удалить все внешние ссылки, которые ведут на редактирование виджетов. Вы их видите в своих шаблонах внизу справа каждого виджета
И так, алгоритм работы прежний, находим код с помощью расширения Firebug, затем этот код находим в шаблоне и удаляем.
За редактирование виджета у нас отвечает запись
widget-item-controlПопробуем ее найти в шаблоне. У вас получилось? У меня нет. Вроде принцип тот же, что и при удалении виджета Attribution, а не получается. Это как раз то, почему я вам объясняла, что XML – одно, а HTML другое, и нужно научиться их сравнивать, находить связи. И так, методом проб и ошибок, я выяснила, что за элементы редактирования отвечает вот этот код
<b:include name='quickedit'/>Его и стала искать в шаблоне. И каждый удалила.
Почистив, таким образом, шаблон, я избавилась от десятка ненужных внешних ссылок.
Да, кстати, не забудьте и в самих настройках Blogger отключить быстрое редактирование на вкладке «Основные сведения».
Теперь ваш блог избавлен от ненужных внешних ссылок, а вы обладаете знаниями, чтобы начать экспериментировать со своим шаблоном. После недолгих тренировок, уверена, вы легко сможете вносить различные изменения в свой шаблон.
