Sunday, October 19, 2008
Изменяем Front Page блога.
Здравствуйте!
Есть предложение снова попробовать себя в модернизации шаблона blogspot-a.
Изменим немного главную страницу. Хочется чтобы она чем-нибудь отличалась от остальных страниц блога. Чтобы было приветствие, картинка там какая приятная и т.д. Но чтобы это все отображалось только на front page, а на остальных станицах ничего этого не было.
Для этого заходим в настройки шаблона... и добавляем новый элемент страницы - "Текст". В этом блоке в дальнейшем и будет располагаться информация, которая отобразится только на главной странице. Перетаскиваем блок на нужное место. Я, например, разместил его выше блока основных сообщений. Сохраняем изменения.
Далее заходим в раздел "изменить html". Теперь внесем изменения в код, но перед этим настоятельно рекомендую полностью сохранить шаблон (жмем ссылку "загрузить весь шаблон" и сохраняем его на диск). Ставим галочку "Расширить шаблоны виджета", находим в коде следующие строки.
<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond="data:blog.url == data:blog.homepageUrl">
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content></div>
</b:if>
<b:include name="quickedit">
</b:include>
Две строки, выделенные жирным шрифтом, необходимо вставить в код шаблона. По опыту могу сказать, что искать нужные строки в данном случае проще всего по запросу - Text1. Сохраняем шаблон.
Переходим в раздел "Элементы страницы" и редактируем наш текстовый блок. Вносим в него текст, размещаем картинки, ссылки и т.д. Опять же сохраняем изменения и просматриваем блог. Теперь его украшает сделанный нами блок, и все то, что мы в него запихали. Он будет отображаться только при просмотре главной страницы. При переходе на другие страницы его видно не будет.
Я тоже сделал небольшое оформление в виде приветствия. Оно находится чуть выше блока основных сообщений. Как это работает, я думаю понятно.
Вот собственно и все. Удачи!
Narrow Strip Blog
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment