Добрый день, уважаемые блоггеры. Как и обещала 2 дня назад, в последней статье про подготовку блога к монетизации, сегодня я расскажу, как убрать из шаблона Blogger все ненужные внешние ссылки.
План на сегодня:

1. Инструмент веб-разработчика
2. Язык шаблонов Blogger
3. Как удалить внешние ссылки в шаблоне Blogger
4. Как удалить виджет Attribution
5. Как удалить быстрое редактирование виджетов

Инструмент веб-разработчика

Я могла бы просто дать вам куски кода, которые нужно было бы просто удалить из шаблона, но я решила пойти более интересным путем и дать вам возможность научиться разбираться в своем шаблоне самостоятельно, поэтому начну с инструментов, которые помогут вам в этом легком деле.

Я достаточно давно пользуюсь браузером Mozilla Firefox, поэтому показывать буду на нем. Скачать этот браузер можно здесь абсолютно бесплатно. А если вы до сих пор пользуетесь Internet Explorer, то вы потом мне ещё спасибо скажете:). Для моего любимого браузера FF есть огромное количество расширений, плагинов и прочее, один из них Firebug. Устанавливать отсюда. Это расширение позволяет увидеть определенный кусок нужного кода. После всех установок внизу браузера появится изображение тараканчика

Постараюсь не грузить теорией, её смотрите в википедии, скажу только, что шаблон Blogger написан на языке XML, включает в себя язык HTML, а красивый внешний вид придается с помощью языка CSS. Так же в шаблоне Blogger допускается использование языка программирования JavaScript, так же вы можете встретить такое название, как jQuery, это библиотеки JavaScript. В общем, все подробности вы можете узнать из справки Blogger, википедии и поисковиков.

То, что я сейчас объясню, не совсем будет соответствовать действительности, я просто попытаюсь объяснить это своими словами для простоты восприятия, на самом же деле все немного сложнее, но для нас это ни к чему.

Каждый кусок 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 != &quot;&quot;’>
        <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’/>

Его и стала искать в шаблоне. И каждый удалила.
[ads1]Почистив, таким образом, шаблон, я избавилась от десятка ненужных внешних ссылок.
Да, кстати, не забудьте и в самих настройках Blogger отключить быстрое редактирование на вкладке «Основные сведения».
Теперь ваш блог избавлен от ненужных внешних ссылок, а вы обладаете знаниями, чтобы начать экспериментировать со своим шаблоном. После недолгих тренировок, уверена, вы легко сможете вносить различные изменения в свой шаблон.