Как вручную исправить шаблон Blogger для использования Disqus - PullRequest
1 голос
/ 16 апреля 2010

Я пытаюсь добавить disqus в свой блог, и я попытался выполнить это руководство для этого:

http://disqus.com/docs/patch-blogger/

Однако их инструкции полностью не совпадают с тем, что есть в моем пользовательском шаблоне.

Вот шаблон:

http://www.w3.org/1999/xhtml' xmlns: b = 'http://www.google.com/2005/gml/b' xmlns: data =' http://www.google.com/2005/gml/data' xmlns: expr = 'http://www.google.com/2005/gml/expr'>

<b:skin><![CDATA[/*-----------------------------------------------

Стиль шаблона Blogger Название: Картинное окно Дизайнер: Джош Петерсон URL: www.noaesthetic.com ----------------------------------------------- * /

/ * Определения переменных ==================== http://themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x фиксированный верхний центр "value =" # 9a927f url (http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMODUwNDk4YWQtMjg4NS00MzlmLWJhNzMtYzM5ZmIzYzdkZDRj) без повтора с фиксированным верхним центром / * Credit: peeterv (http://www.istockphoto.com/googleimages.php?id=2646746&platform=blogger) * / "/>

http://www.blogblog.com/1kt/transparent/white80.png) повторить прокрутку вверху слева "/>

http://www.blogblog.com/1kt/transparent/header_gradient_shade.png)"/>

http://www.blogblog.com/1kt/transparent/tabs_gradient_shade.png)"/> http://www.blogblog.com/1kt/transparent/white80.png)" value = "url (http://www.blogblog.com/1kt/transparent/tabs_gradient_shade.png)"/> http://www.blogblog.com/1kt/transparent/black50.png) повторная прокрутка вверху слева "value =" прозрачный нет без повторения прокрутки вверху слева "/>

http://www.blogblog.com/1kt/transparent/white80.png) повтор прокрутки вверху слева "value =" прозрачный нет повтор прокрутки вверху по центру "/>

http://www.blogblog.com/1kt/transparent/black50.png) повтор прокрутки вверху слева "value =" прозрачный URL (http://www.blogblog.com/1kt/transparent/black50.png) повтор прокрутки вверху слева "/>

* /

/ * Содержание ----------------------------------------------- * / тело { font: $ (body.font); цвет: $ (body.text.color); }

html body .region-inner { минимальная ширина: 0; максимальная ширина: 100%; ширина: авто; }

.content-external { размер шрифта: 90%; }

a: ссылка { текст-отделка: нет; цвет: $ (link.color); }

a: посетил { текст-отделка: нет; цвет: $ (link.visited.color); }

a: hover { текст-отделка: подчеркнуть; цвет: $ (link.hover.color); }

.body-fauxcolumn-outer { background: $ (body.background); }

.content-external { background: $ (content.background);

-moz-border-radius: $ (content.border.radius); -webkit-border-radius: $ (content.border.radius); -goog-ms-border-radius: $ (content.border.radius); border-radius: $ (content.border.radius);

-moz-box-shadow: 0 0 $ (content.shadow.spread) rgba (0, 0, 0, .15); -webkit-box-shadow: 0 0 $ (content.shadow.spread) rgba (0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $ (content.shadow.spread) rgba (0, 0, 0, .15); box-shadow: 0 0 $ (content.shadow.spread) rgba (0, 0, 0, .15);

margin: $ (content.margin) auto; }

.content-inner { padding: $ (content.padding); }

/ * Заголовок ----------------------------------------------- * / .header-outer { background: $ (header.background.color) $ (header.background.gradient) repeat-x прокрутка вверху слева; _background-image: нет;

color: $ (header.text.color);

-moz-border-radius: $ (header.border.radius); -webkit-border-radius: $ (header.border.radius); -goog-ms-border-radius: $ (header.border.radius); border-radius: $ (header.border.radius); }

.Header img, .Header # header-inner { -moz-border-radius: $ (header.border.radius); -webkit-border-radius: $ (header.border.radius); -goog-ms-border-radius: $ (header.border.radius); border-radius: $ (header.border.radius); }

.header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: $ (header.padding); padding-right: $ (header.padding); }

.Header h1 { шрифт: $ (header.font); тень для текста: 1px 1px 3px rgba (0, 0, 0, 0.3); }

.Header h1 a { цвет: $ (header.text.color); }

.Header .description { размер шрифта: 130%; }

/ * Вкладки ----------------------------------------------- * / .tabs-inner {margin: .5em $ (tabs.margin.sides) $ (tabs.margin.bottom);отступы: 0;}

.tabs-inner .section {margin: 0;}

.tabs-inner .widget ul {padding: 0;

background: $ (tabs.background.color) $ (tabs.background.gradient) повтор прокрутки внизу;

-moz-border-radius: $ (tabs.border.radius);-webkit-border-radius: $ (tabs.border.radius);-goog-ms-border-radius: $ (tabs.border.radius);border-radius: $ (tabs.border.radius);}

.tabs-inner .widget li {border: none;}

.tabs-inner .widget li a {display: block;

padding: .5em 1em;margin- $ endSide: $ (tabs.spacing);

color: $ (tabs.text.color);шрифт: $ (tabs.font);

-moz-border-radius: $ (tab.border.radius) $ (tab.border.radius) 0 0;-webkit-border-top-left-radius: $ (tab.border.radius);-webkit-border-top-right-radius: $ (tab.border.radius);-goog-ms-border-radius: $ (tab.border.radius) $ (tab.border.radius) 0 0;border-radius: $ (tab.border.radius) $ (tab.border.radius) 0 0;

фон: $ (tab.background);

border- $ endSide: 1pxsolid $ (tabs.separator.color);}

.tabs-inner .widget li: first-child a {padding- $ startSide: 1.25em;

-moz-border-radius-top $ startSide: $ (tab.first.border.radius);-moz-border-radius-bottom $ startSide: $ (tabs.border.radius);-webkit-border-top- $ startSide-radius: $ (tab.first.border.radius);-webkit-border-bottom- $ startSide-radius: $ (tabs.border.radius);-goog-ms-border-top- $ startSide-radius: $ (tab.first.border.radius);-goog-ms-border-bottom- $ startSide-radius: $ (tabs.border.radius);border-top- $ startSide-radius: $ (tab.first.border.radius);border-bottom- $ startSide-radius: $ (tabs.border.radius);}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a: hover {позиция: относительная;z-index: 1;

background: $ (tabs.selected.background.color) $ (tab.selected.background.gradient) повтор прокрутки внизу;цвет: $ (tabs.selected.text.color);

-moz-box-shadow: 0 0 $ (region.shadow.spread) rgba (0, 0, 0, .15);-webkit-box-shadow: 0 0 $ (region.shadow.spread) rgba (0, 0, 0, .15);-goog-ms-box-shadow: 0 0 $ (region.shadow.spread) rgba (0, 0, 0, .15);box-shadow: 0 0 $ (region.shadow.spread) rgba (0, 0, 0, .15);}

/ * Заголовки ----------------------------------------------- * / h2 {font: $ (widget.title.font);text-transform: $ (widget.title.text.transform);цвет: $ (widget.title.text.color);поле: .5em 0;}

/ * Main ----------------------------------------------- * / .main-external {background: $ (main.background);

-moz-border-radius: $ (main.border.radius.top) $ (main.border.radius.top) 0 0;-webkit-border-top-left-radius: $ (main.border.radius.top);-webkit-border-top-right-radius: $ (main.border.radius.top);-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;-goog-ms-border-radius: $ (main.border.radius.top) $ (main.border.radius.top) 0 0;border-radius: $ (main.border.radius.top) $ (main.border.radius.top) 0 0;

-moz-box-shadow: 0 $ (region.shadow.offset) $(region.shadow.spread) rgba (0, 0, 0, .15);-webkit-box-shadow: 0 $ (region.shadow.offset) $ (region.shadow.spread) rgba (0, 0, 0, .15);-goog-ms-box-shadow: 0 $ (region.shadow.offset) $ (region.shadow.spread) rgba (0, 0, 0, .15);box-shadow: 0 $ (region.shadow.offset) $ (region.shadow.spread) rgba (0, 0, 0, .15);}

.main-inner {padding: 15px $ (main.padding.sides) 20px;}

.main-inner .column-center-inner {padding: 0 0;}

.main-inner .column-left-inner {padding-left: 0;}

.main-inner .column-right-inner {padding-right: 0;}

/ * Посты ----------------------------------------------- * / h3.post-title {margin: 0;font: $ (post.title.font);}

.comments h4 {поле: 1em 0 0;font: $ (post.title.font);}

.post-outer {background-color: $ (post.background.color);border: solid 1px $ (post.border.color);

-moz-border-radius: $ (post.border.radius);-webkit-border-radius: $ (post.border.radius);border-radius: $ (post.border.radius);-goog-ms-border-radius: $ (post.border.radius);

отступ: 15px 20px;маржа: 0 $ (post.margin.sides) 20px;}

.post-body {line-height: 1.4;размер шрифта: 110%;}

.post-header {margin: 0 0 1.5em;

color: $ (post.footer.text.color);высота строки: 1,6;}

.post-footer {margin: .5em 0 0;

color: $ (post.footer.text.color);высота строки: 1,6;}

blog-pager {

размер шрифта: 140%}

комментарии .comment-author {

padding-top: 1.5em;

border-top: пунктирная 1px #ccc;border-top: пунктирная 1px rgba (128, 128, 128, .5);

background-position: 0 1.5em;}

comments .comment-author: first-child {

padding-top: 0;

border-top: нет;}

.avatar-image-container {margin: .2em 0 0;}

/ * Виджеты ----------------------------------------------- * / .widget ul, .widget #ArchiveList ul.flat {padding: 0;стиль списка: нет;}

.widget ul li, .widget #ArchiveList ul.flat li {border-top: dashed 1px #ccc;border-top: пунктирная 1px rgba (128, 128, 128, .5);}

.widget ul li: first-child, .widget #ArchiveList ul.flat li: first-child {border-top: none;}

.widget .post-body ul {list-style: disc;}

.widget .post-body ul li {border: none;}

/ * Нижний колонтитул ----------------------------------------------- * / .footer-outer {color: $ (footer.text.color);background: $ (footer.background);

-moz-border-radius: $ (footer.border.radius.top) $ (footer.border.radius.top) $ (footer.border.radius.внизу) $ (footer.border.radius.bottom);-webkit-border-top-left-radius: $ (footer.border.radius.top);-webkit-border-top-right-radius: $ (footer.border.radius.top);-webkit-border-bottom-left-radius: $ (footer.border.radius.bottom);-webkit-border-bottom-right-radius: $ (footer.border.radius.bottom);-goog-ms-border-radius: $ (footer.border.radius.top) $ (footer.border.radius.top) $ (footer.border.radius.bottom) $ (footer.border.radius.bottom);border-radius: $ (footer.border.radius.top) $ (footer.border.radius.top) $ (footer.border.radius.bottom) $ (footer.border.radius.bottom);

-moz-box-shadow: 0 $ (region.shadow.offset) $ (region.shadow.spread) rgba (0, 0, 0, .15);-webkit-box-shadow: 0 $ (region.shadow.offset) $ (region.shadow.spread) rgba (0, 0, 0, .15);-goog-ms-box-shadow: 0 $ (region.shadow.offset) $ (region.shadow.spread) rgba (0, 0, 0, .15);box-shadow: 0 $ (region.shadow.offset) $ (region.shadow.spread) rgba (0, 0, 0, .15);}

.footer-inner {padding: 10px $ (main.padding.sides) 20px;}

.footer-outer a {color: $ (footer.link.color);}

.footer-outer a: visit {color: $ (footer.link.visited.color);}

.footer-outer a: hover {color: $ (footer.link.hover.color);}

.footer-outer .widget h2 {color: $ (footer.widget.title.text.color);}]]>

<b:template-skin>
  <b:variable default='930px' name='content.width' type='length' value='930px'/>
  <b:variable default='0' name='main.column.left.width' type='length' value='180px'/>
  <b:variable default='360px' name='main.column.right.width' type='length' value='180px'/>

  <![CDATA[
  body {
    min-width: $(content.width);
  }

  .content-outer, .region-inner {
    min-width: $(content.width);
    max-width: $(content.width);
    _width: $(content.width);
  }

  .main-inner .columns {
    padding-left: $(main.column.left.width);
    padding-right: $(main.column.right.width);
  }

  .main-inner .fauxcolumn-center-outer {
    left: $(main.column.left.width);
    right: $(main.column.right.width);
    /* IE6 does not respect left and right together */
    _width: expression(this.parentNode.offsetWidth -
        parseInt("$(main.column.left.width)") -
        parseInt("$(main.column.right.width)") + 'px');
  }

  .main-inner .fauxcolumn-left-outer {
    width: $(main.column.left.width);
  }

  .main-inner .fauxcolumn-right-outer {
    width: $(main.column.right.width);
  }

  .main-inner .column-left-outer {
    width: $(main.column.left.width);
    right: $(main.column.left.width);
    margin-right: -$(main.column.left.width);
  }

  .main-inner .column-right-outer {
    width: $(main.column.right.width);
    margin-right: -$(main.column.right.width);
  }

  #layout {
    min-width: 0;
  }

  #layout .content-outer {
    min-width: 0;
    width: 800px;
  }

  #layout .region-inner {
    min-width: 0;
    width: auto;
  }
  ]]>
</b:template-skin>

<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
  <div class='cap-left'/>
  <div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<div class='tabs-outer'>
<div class='tabs-cap-top cap-top'>
  <div class='cap-left'/>
  <div class='cap-right'/>
</div>
<div class='fauxborder-left tabs-fauxborder-left'>
<div class='fauxborder-right tabs-fauxborder-right'/>
<div class='region-inner tabs-inner'>
  <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>

<div class='main-outer'>
<div class='main-cap-top cap-top'>
  <div class='cap-left'/>
  <div class='cap-right'/>
</div>

<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>

  <div class='columns fauxcolumns'>

    <div class='fauxcolumn-outer fauxcolumn-center-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='fauxcolumn-outer fauxcolumn-left-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='fauxcolumn-outer fauxcolumn-right-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <!-- corrects IE6 width calculation -->
    <div class='columns-inner'>

    <div class='column-center-outer'>
    <div class='column-center-inner'>
      <b:section class='main' id='main' showaddelement='no'>

    <div class='column-left-outer'>
    <div class='column-left-inner'>
      <aside>
      <macro:include id='main-column-left-sections' name='sections'>
        <macro:param default='0' name='num' value='1'/>
        <macro:param default='sidebar-left' name='idPrefix'/>
        <macro:param default='sidebar' name='class'/>
        <macro:param default='true' name='includeBottom'/>
      </macro:include>
      </aside>
    </div>
    </div>

    <div class='column-right-outer'>
    <div class='column-right-inner'>
      <aside>
      <macro:include id='main-column-right-sections' name='sections'>
        <macro:param default='2' name='num' value='1'/>
        <macro:param default='sidebar-right' name='idPrefix'/>
        <macro:param default='sidebar' name='class'/>
        <macro:param default='true' name='includeBottom'/>
      </macro:include>
      </aside>
    </div>
    </div>

    </div>

    <div style='clear: both'/>
  <!-- columns -->
  </div>

<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
  <div class='cap-left'/>
  <div class='cap-right'/>
</div>
</div>

<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
  <div class='cap-left'/>
  <div class='cap-right'/>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
  <macro:include id='footer-sections' name='sections'>
    <macro:param default='2' name='num' value='3'/>
    <macro:param default='footer' name='idPrefix'/>
    <macro:param default='foot' name='class'/>
    <macro:param default='false' name='includeBottom'/>
  </macro:include>
  <!-- outside of the include in order to lock Attribution widget -->
  <b:section class='foot' id='footer-3' showaddelement='no'>

document.body.className = document.body.className.replace ('loading', '');

<macro:if cond='data:col.num &gt;= 2'>
  <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  <tbody>
  <tr>
    <td class='first columns-cell'>
      <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
    </td>

    <td class='columns-cell'>
      <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
    </td>

    <macro:if cond='data:col.num &gt;= 3'>
      <td class='columns-cell'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
      </td>
    </macro:if>

    <macro:if cond='data:col.num &gt;= 4'>
      <td class='columns-cell'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
      </td>
    </macro:if>
  </tr>
  </tbody>
  </table>

  <macro:if cond='data:col.includeBottom'>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  </macro:if>
</macro
...