Blogger

(полезное и нужное для блога на blogspot)



Как связать домен на reg.ru с блогом на blogspot


1. В панели управления блоггер выбрать "добавить сторонний домен" и там вписать его предполагаемое имя. Вписать superdomen.ru нельзя, нужно либо www.superdomen.ru, либо moyblog.superdomen.ru. После этого шага сначала появится ошибка, но он нужен для того, чтобы Гугл выдал три заветных слова, одно из них выглядит как ghs.google.com, а два других как полная абракадарбра. Оставляем эту страницу открытой.

2. Зайти в панель управления reg.ru, выбрать "мои домены", кликнуть на свой и потом на "DNS-серверы". Там будет две строчки, каждая из которых начинается графой hostname, в неё вписываются по умолчанию DNS-сервера ns1.reg.ru и ns2.reg.ru (эти сервера указаны как сервера для стороннего хостинга, а блоггер - это сторонний хостинг). 

3. Возвращаемся в "мои домены", кликаем на свой и теперь заходим в "Управление зоной". На этой странице находим опцию "создать запись CNAME" и нажимаем её. В качестве первого субдомена указываем www и Canonical name (CNAME) к нему ghs.google.com. В качестве второго субдомена ту абракадабру, которая в настройках блоггера указана под www, а Canonical name (CNAME) для неё будет, соответственно, вторая абракадабра, указанная под ghs.google.com.

4. Возвращаемся в настройки блоггера, обновляем страницу и снова жмём "добавить сторонний домен". Пишем снова www.superdomen.ru и сохраняем.


Как сделать кнопку поделиться вконтакте для блоггера


1. Ищем подходящий генератор кнопок = такой, в котором была бы кнопка "поделиться вконтакте" и другие желаемые (одноклассники, жж - что хочется): plusoкнопки яндекс, eridauptolike и другие. В генераторе кнопок выбираем нужные соцсети, настраиваем внеший вид и получаем код для вставки в блог. Сохраняем его.

2. Удаляем социальные кнопки из блоггера, если они там есть. Для этого надо зайти в layout и в настройках сообщений блога (т.е. статей) убираем галочку возле этих кнопок.

3. Вставляем код социальных кнопок в шаблон блоггера. Для этого нужно найти вот такую строку (установить курсор в текст кода и нажать Ctr+F):

 <div class='post-footer-line post-footer-line-1'>

Эта строка определяет, что показывать в первой строке футера. Код лучше вставлять перед ней. Почему? В большинстве блогов в футере уже что-то есть: имя автора, тэги и прочее. Если вставить код в сам футер (после той строчки), велика вероятность, что кнопки "поделиться" будут либо сами обтекать остальное его содержимое, либо содержимое будет некрасиво окружать кнопки. Чтобы код потом не потерялся, сразу пометим его с обеих сторон маркерами: <!--social buttons--> 

Если строка <div class='post-footer-line post-footer-line-1'>  повторяется дважды или больше, то код кнопок нужно вставлять столько же раз.


Как убрать сайдбар на избранных страницах


Открыть в админке нужную страницу или пост, зайти в её HTML-код (вверху панели редактирования) и после содержимого статьи вместе со всем текстом и картинками вставить такой код:

<style>

.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}

.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}

.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}

</style>

После этого остаётся только сохранить результат и опубликовать запись/страницу, если она ещё не была опубликована. Теперь она будет отображаться без сайдбара.


Как убрать надпись "показаны записи с ярлыком таким-то"?


Зайти в html код блога и найти строку:

<b:includable id='status-message'>

В строчке есть такое троеточие, подсвеченное фиолетовым цветом, в котором скрываются ещё несколько строчек кода. Они-то и мешают странице с тэгами быть красивой. Весь код выглядит так:

<b:includable id='status-message'>
      <b:if cond='data:navMessage'>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          <data:navMessage/>
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
      </b:if>
    </b:includable>

Удаляем его полностью и вставляем другой код, который уберёт и квадрат, и надпись:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>


Как сделать превью постов с картинкой на главной


Шаг 1.  Ткнув в любое место в html коде и нажав ctrl F находим тот его кусочек, который отвечает за то, чтобы показывать посты целиком. Выглядит он вот так:  <data:post.body/>

Шаг 2. Найденный код заменяем своим, вот таким, позволяющим автоматически публиковать превью:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
 <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Читать дальше &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>


Может так получиться, что в дальнейшем захочется вернуть всё обратно, поэтому хорошо бы пометить этот код опознавательными знаками типа <!--show post previews-->

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

Шаг 3. Если нужно, заменяем слова Читать дальше на любые, какие нравятся больше, они появятся в превью в виде ссылки.

Шаг 4. Прямо перед </head> добавляем код, который позволяет редактировать внешний вид наших превью:

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 380;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
 .readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>


Не забываем пометить код. На этот раз можно немножко по-другому: <!--show and edit previews-->

Шаг 5. Настраиваем превью. Для этого нужно найти строчки с цифрами в только что вставленном коде и поменять эти цифры под себя:

posts_no_thumb_sum = 490; - количество знаков в превью постов без картинки
posts_thumb_sum = 380; - количество знаков в превью постов с картинкой
img_thumb_height = 150; - высота картинки
в превью
img_thumb_width = 200; - ширина картинки в превью

Всё! Теперь посты на главной и других страницах блоггера отображаются в виде превью с картинкой или без. 

Возможные проблемы: Может так получиться, что у всех постов появились превью, а у каких-то нет, и они висят на главной целиком. У меня такая проблема возникла, и оказалось, что дело было в том, что одно из слов в заголовке было в кавычках. Убрала кавычки, всё стало нормально.

Более простой, но не такой умный способ: Просто после каждого абзаца в постах с картинкой ставить page break - разрыв страницы (порванная страничка в панели управления). Но тогда придётся делать это каждый раз, и ничего регулировать мы не сможем (размер картинки, количество текста в превью и т.п.).


Как выровнять количество постов на главной в блоггере


Внутри поста после первого абзаца ставить page break (иконка разорванной страницы в строке форматирования). Чтобы при этом не исчезала картинка превью, ставить page break не после первого абзаца, а после первой картинки, если она находится ниже текста.

Если было настроено, каким словом завершать превью постов, и теперь оно задвоилось, надо зайти в редактирование html-кода, ткнуть в код и нажать Ctrl-F, в появившееся окошко поиска вбить <b:if cond='data:post.hasJumpLink'>

- удалить вот такой код:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Надо ли ставить page break во всех постах?

Ставить page break во всех постах необязательно, достаточно лишь в том, после публикации которого вылезла ошибка.

Комментарии

Free counters!