вторник, 19 апреля 2011 г.

blogger настройка шаблона


  1. перейти к редактированию шаблона: Дизайн ->Изменить HTML
  2. находим параметр максимальной  ширины элемента : CTRL+F 'max-width'
    .content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width); 
}
  3. изменяем:
    .content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: 100%;
_width: $(content.width);
}
  4. находим конец заголовка : CTRL+F '</head>'
        </b:template-skin>
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <div class='body-fauxcolumns'>

    </b:template-skin>
  5. перед тегом </head>  добавляем пути до скриптов и стилей SyntaxHighlighter 3
        </b:template-skin>
<!-- SyntaxHighlighter Head -->
<!-- Include required JS files -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js'/>

<!-- Include required JS Brush -->
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>

<!-- Include the core style and theme -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css' rel='stylesheet' type='text/css'/>
<!-- /SyntaxHighlighter Head -->
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <div class='body-fauxcolumns'>

    </b:template-skin>
  6. находим конец документа: CTRL+F '</body>'
      </script>
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  7. перед тегом </body>  добавляем скрипт  для включения SyntaxHighlighter 3 на странице
      </script>
<!-- SyntaxHighlighter Scrypt -->
<script type='text/javascript'>
     SyntaxHighlighter.config.bloggerMode = true;
     SyntaxHighlighter.all();
</script>
<!-- /SyntaxHighlighter Scrypt -->
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>





Автор: vs на 22:35

Комментариев нет:

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

Подписаться на: Комментарии к сообщению (Atom)