среда, июня 01, 2011

Шаблон Blogger "Subtle Grey"

Особенности шаблона Subtle Grey


  • Светлый шаблон Blogger в серо-серебристых тонах
  • Фиксированная ширина, футер разбит на 3 колонки
  • Автоматическое добавление “Читать дальше” (газетный стиль) на основе скрипта
  • Удобная боковая панель, разделённая на 2 колонки плюс верхний и нижний блок на всю ширину сайдбара
  • Верхнее меню (виджет “Страницы”) и меню посредине для навигации по категориям и подкатегориям
  • Блок подписки на социальные сети
  • Под каждой публикацией кнопки "Поделиться" на основе скрипта AddThis и блок "Похожие сообщения" с изображениями
  • Готовый для использования рекламных объявлений
  • Шаблон легко настраивается


Демо | Скачать

page-elements-1

Инструкции по применению шаблона:

1) Меняем мета-информацию в начале шаблона:

<head> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> <meta content='Тут идет описание вашего блога' name='description'/> <meta content='Тут перечислены ваши ключевые слова' name='keywords'/> <meta content='Тут ваше имя' name='author'/>

2) Меняем идентификатор блога в шаблоне для правильной работы на свой. Найдите такой фрагмент https://www.blogger.com/comment.g?blogID= и вставьте сразу после него свой идентификатор блога:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1618262969303257043 &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>Ответить на комментарий</a></span>

3) Меняем ссылки в блоке "Подписаться":

<ul class='subscribe_icons'> <li class='subscribe_twitter'><a href='http://twitter.com/votrexflame' rel='nofollow' target='_blank' title='Twitter'/></li> <li class='subscribe_facebook'><a href='http://www.facebook.com/votrexflame' rel='nofollow' target='_blank' title='Facebook'/></li> <li class='subscribe_rss'><a href='http://feeds.feedburner.com/blogspot/tannotes' rel='nofollow' target='_blank' title='RSS'/></li> <li class='subscribe_email'><a href='http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tannotes&amp;loc=ru_ru' rel='nofollow' target='_blank' title='Email'/></li> </ul>

4) Меняем ссылки в (а) верхнем меню и (б) нижнем меню:

(а) Обновлен виджет "Меню" вверху страницы. (б) Вставляем вместо # адрес нужного  ярлыка <div class='jqueryslidemenu' id='myslidemenu'> <ul> <li><a href='#'>Категория 1</a></li> <li><a href='#'>Категория 2</a></li> <li><a href='#'>Категория 3</a> <ul> <li><a href='#'>Подкатегория 3.1</a></li> <li><a href='#'>Подкатегория 3.2</a> <ul> <li><a href='#'>Подкатегория 3.2.1</a></li> <li><a href='#'>Подкатегория 3.2.2</a></li> <li><a href='#'>Подкатегория 3.2.3</a></li> </ul> </li> </ul> </li> <li><a href='#'>Категория 4</a></li> <li><a href='#'>Категория 5</a> <ul> <li><a href='#'>Подкатегория 5.1</a></li> <li><a href='#'>Подкатегория 5.2</a></li> <li><a href='#'>Подкатегория 5.3</a></li> <li><a href='#'>Подкатегория 5.4</a></li> </ul> </li> <li><a href='#'>Категория 6</a></li> </ul> <br style='clear: left'/> </div> 4) Меняем идентификатор AddThis на ваш: <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=votrexflame#async=1' type='text/javascript'/> Могу подсказать, как избавиться от Navbar, если возникнет необходимость.

Демо | Скачать



0 отзывов:

Отправить комментарий

Web Analytics