Blogger com, как создать многостраничный блог 2017

Blogger com, как создать многостраничный блог 2017
Blogger com, как создать многостраничный блог 2017

Этапы: Регистрация аккаунта в google, Создание профиля blogger и гугл плюс

Панель управления: инструкция, видео.

Blogger настроить количество сообщений на страницах с ярлыками

Blogger - blogspot, как настроить количество отображаемых сообщений (постов) при переходе по ярлыку.

День добрый друзья вебмастера и блоггеры. У нас понедельник, стартует новая неделя. Время пролетает незаметно. Вроде бы еще только вчера писал свою предыдущею понедельничную статью о том, как на блоге сайте скрыть комментарии и вот уже новый понедельник. Сегодняшний урок будет не менее важным нежели, тот о котором упоминалось выше, а возможно для некоторых и поважнее. В общем по порядку, все знают, что у blogger имеется постраничная навигация, главное меню и ярлыки. Эти три компонента взаимосвязаны и очень важны для продвижения сайтов и блогов. Так вот, чтобы первые два компонента гармонировали с последним, то есть с ярлыками их нужно для этого правильно настроить. При переходе по ярлыку может отображаться совершенно другое количество постов нежели на главной странице. Чем это плохо? Плохо это тем, что постраничная навигация будет подстраиваться под то количество постов, которое задано для главной страницы и при переходе по ярлыку будет съедать несколько ваших постов, то есть они не будут видны пользователю. Чтобы устранить данную проблему нам нужно настроить количество отображаемых постов для ярлыков и так, чтобы это число совпадало с тем, которое выбрано для показа постов на главной страницы. К примеру, если на главной задано 10, то и для ярлыка так же нужно установить число 10.

Переходим в раздел Шаблон - Изменить HTML ищем код expr:href='data:label.url' (в разных шаблонах таких кодов может быть несколько, для них всех нужно будет применить данную настройку) и меняем его на: expr:href='data:label.url + "?&max-results=7"'
меняете число 7 на свое и сохраняете шаблон.

Настройка новых тем Soho Contempo Emporio Notable

Если вы не используете Soho Contempo Emporio Notable, тогда можете это не читать.

В новых темах html код слегка отличается от предыдущих версий. Чтобы настроить количество сообщений на страницах ярлыков, нужно заменить некоторые части кода.

Настройка виджета ярлыков в сайдбаре:

1). В разделе Тема - Изменить HTML в строке поиска (вывести строку CTRL+F) пропишите: name='list' жмете энтер, браузер найдет нужную строку:

2). Выделенный на картинке код замените следующим кодом:


<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>      
<ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul> 
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>

3). Сохраните тему. Теперь при переходе по ярлыку из сайдбара на странице будет отображаться 7 сообщений.

Настройка ярлыков для сообщений:

HTML код ярлыков, которые находятся в конце каждого сообщения нужно так же сменить. 

1). В разделе Тема - Изменить HTML найдите строку <b:include name='super.postLabels'/> она встречается несколько раз, ориентируйтесь по скриншоту ниже
В общем эту строку вам нужно заменить следующим кодом:

 <b:if cond='data:post.labels'>
 <b:loop values='data:post.labels' var='label'>
 <a class='commentc' expr:href='data:label.url + &quot;?&amp;amp;max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if>
</b:loop></b:if>

2). Сохраните тему.

Видео инструкция:

На этом и закончим наш урок, всем хорошего дня.

Безлимитная постраничная навигация для Blogger

Безлимитная постраничная навигация для Blogger

Тип навигации: Постраничная, нумерованная

Описание: Новая постраничная навигация в отличии от предыдущих версий имеет более легкий скрипт. Еще одним главным преимуществом является то, что она безлимитная. Старые версии отображают всего 150 сообщений блога. Пользователь может сразу перейти к самому последнему (первому) сообщению одним кликом. Можно ставить на любые темы blogger, в том числе contempo soho emporio notable. Виджет переведен на русский язык.

Виджеты для Blogger 2018

Установка:
1). В шаблоне (теме) найдите строку ]]></b:skin> перед ней добавьте код:

.showpageOf{display:inline-block;font-size:90%;padding:7px 12px;vertical-align:top;line-height:20px;}
.showpagePoint{background:#333;color:#fff;display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-left:1px solid #f0f0f0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:initial}
.showpage a,.showpageNum a{display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-left:1px solid #f0f0f0;transition:color .3s}
.showpage a:hover,.showpageNum a:hover{background-color:#fefefe;color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s}

2) Найдите тег </body> перед ним вставьте скрипт:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;var numshowpage=3;var upPageWord ='Обратно';var downPageWord ='Дальше';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script> 
var _0xc844=[&quot;&quot;,&quot;\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x73\x68\x6F\x77\x70\x61\x67\x65\x4F\x66\x27\x3E\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430\x20&quot;,&quot;\x20\u0438\u0437\x20&quot;,&quot;\x3C\x2F\x73\x70\x61\x6E\x3E&quot;,&quot;\x70\x61\x67\x65&quot;,&quot;\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x3E&quot;,&quot;\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E&quot;,&quot;\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x4E\x75\x6D\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F&quot;,&quot;\x3F\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D&quot;,&quot;\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x4E\x75\x6D\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x72\x65\x64\x69\x72\x65\x63\x74\x70\x61\x67\x65\x28&quot;,&quot;\x29\x3B\x72\x65\x74\x75\x72\x6E\x20\x66\x61\x6C\x73\x65\x22\x3E&quot;,&quot;\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x4E\x75\x6D\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x72\x65\x64\x69\x72\x65\x63\x74\x6C\x61\x62\x65\x6C\x28&quot;,&quot;\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x4E\x75\x6D\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22&quot;,&quot;\x22\x3E\x31\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E&quot;,&quot;\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x50\x6F\x69\x6E\x74\x22\x3E&quot;,&quot;\x70\x61\x67\x65\x41\x72\x65\x61&quot;,&quot;\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x4E\x61\x6D\x65&quot;,&quot;\x62\x6C\x6F\x67\x2D\x70\x61\x67\x65\x72&quot;,&quot;\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64&quot;,&quot;\x6C\x65\x6E\x67\x74\x68&quot;,&quot;\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C&quot;,&quot;\x66\x65\x65\x64&quot;,&quot;\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x24\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73&quot;,&quot;\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F&quot;,&quot;\x69\x6E\x64\x65\x78\x4F\x66&quot;,&quot;\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78&quot;,&quot;\x73\x75\x62\x73\x74\x72\x69\x6E\x67&quot;,&quot;\x3F\x26\x6D\x61\x78&quot;,&quot;\x3F\x71\x3D&quot;,&quot;\x2E\x68\x74\x6D\x6C&quot;,&quot;\x23\x50\x61\x67\x65\x4E\x6F\x3D&quot;,&quot;\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22&quot;,&quot;\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x68\x69\x74\x75\x6E\x67\x74\x6F\x74\x61\x6C\x64\x61\x74\x61\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E&quot;,&quot;\x77\x72\x69\x74\x65&quot;,&quot;\x6C\x61\x62\x65\x6C&quot;,&quot;\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D&quot;,&quot;\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x2F\x2D\x2F&quot;,&quot;\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x68\x69\x74\x75\x6E\x67\x74\x6F\x74\x61\x6C\x64\x61\x74\x61\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x22\x20\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E&quot;,&quot;\x68\x65\x61\x64&quot;,&quot;\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65&quot;,&quot;\x73\x63\x72\x69\x70\x74&quot;,&quot;\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74&quot;,&quot;\x74\x79\x70\x65&quot;,&quot;\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74&quot;,&quot;\x73\x72\x63&quot;,&quot;\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x3F\x73\x74\x61\x72\x74\x2D\x69\x6E\x64\x65\x78\x3D&quot;,&quot;\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x66\x69\x6E\x64\x64\x61\x74\x65\x70\x6F\x73\x74&quot;,&quot;\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65&quot;,&quot;\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64&quot;,&quot;\x3F\x73\x74\x61\x72\x74\x2D\x69\x6E\x64\x65\x78\x3D&quot;,&quot;\x65\x6E\x74\x72\x79&quot;,&quot;\x24\x74&quot;,&quot;\x70\x75\x62\x6C\x69\x73\x68\x65\x64&quot;,&quot;\x2F\x73\x65\x61\x72\x63\x68\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D&quot;,&quot;\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D&quot;,&quot;\x68\x72\x65\x66&quot;];function loophalaman(_0x160bx2){var _0x160bx3=_0xc844[0];nomerkiri= parseInt(numshowpage/ 2),nomerkiri== numshowpage- nomerkiri&amp;&amp; (numshowpage= 2* nomerkiri+ 1),mulai= nomerhal- nomerkiri,mulai&lt; 1&amp;&amp; (mulai= 1),maksimal= parseInt(_0x160bx2/ postperpage)+ 1,maksimal- 1== _0x160bx2/ postperpage&amp;&amp; (maksimal-= 1),akhir= mulai+ numshowpage- 1,akhir&gt; maksimal&amp;&amp; (akhir= maksimal),_0x160bx3+= _0xc844[1]+ nomerhal+ _0xc844[2]+ maksimal+ _0xc844[3];var _0x160bx4=parseInt(nomerhal)- 1;nomerhal&gt; 1&amp;&amp; (_0x160bx3+= 2== nomerhal?_0xc844[4]== jenis?_0xc844[5]+ home_page+ _0xc844[6]+ upPageWord+ _0xc844[7]:_0xc844[8]+ lblname1+ _0xc844[9]+ postperpage+ _0xc844[6]+ upPageWord+ _0xc844[7]:_0xc844[4]== jenis?_0xc844[10]+ _0x160bx4+ _0xc844[11]+ upPageWord+ _0xc844[7]:_0xc844[12]+ _0x160bx4+ _0xc844[11]+ upPageWord+ _0xc844[7]),mulai&gt; 1&amp;&amp; (_0x160bx3+= _0xc844[4]== jenis?_0xc844[13]+ home_page+ _0xc844[14]:_0xc844[8]+ lblname1+ _0xc844[9]+ postperpage+ _0xc844[14]),mulai&gt; 2&amp;&amp; (_0x160bx3+= _0xc844[0]);for(var _0x160bx5=mulai;_0x160bx5&lt;= akhir;_0x160bx5++){_0x160bx3+= nomerhal== _0x160bx5?_0xc844[15]+ _0x160bx5+ _0xc844[3]:1== _0x160bx5?_0xc844[4]== jenis?_0xc844[13]+ home_page+ _0xc844[14]:_0xc844[8]+ lblname1+ _0xc844[9]+ postperpage+ _0xc844[14]:_0xc844[4]== jenis?_0xc844[10]+ _0x160bx5+ _0xc844[11]+ _0x160bx5+ _0xc844[7]:_0xc844[12]+ _0x160bx5+ _0xc844[11]+ _0x160bx5+ _0xc844[7]};akhir&lt; maksimal- 1&amp;&amp; (_0x160bx3+= _0xc844[0]),akhir&lt; maksimal&amp;&amp; (_0x160bx3+= _0xc844[4]== jenis?_0xc844[10]+ maksimal+ _0xc844[11]+ maksimal+ _0xc844[7]:_0xc844[12]+ maksimal+ _0xc844[11]+ maksimal+ _0xc844[7]);var _0x160bx6=parseInt(nomerhal)+ 1;nomerhal&lt; maksimal&amp;&amp; (_0x160bx3+= _0xc844[4]== jenis?_0xc844[10]+ _0x160bx6+ _0xc844[11]+ downPageWord+ _0xc844[7]:_0xc844[12]+ _0x160bx6+ _0xc844[11]+ downPageWord+ _0xc844[7]);for(var _0x160bx7=document[_0xc844[17]](_0xc844[16]),_0x160bx8=document[_0xc844[19]](_0xc844[18]),_0x160bx9=0;_0x160bx9&lt; _0x160bx7[_0xc844[20]];_0x160bx9++){_0x160bx7[_0x160bx9][_0xc844[21]]= _0x160bx3};_0x160bx7&amp;&amp; _0x160bx7[_0xc844[20]]&gt; 0&amp;&amp; (_0x160bx3= _0xc844[0]),_0x160bx8&amp;&amp; (_0x160bx8[_0xc844[21]]= _0x160bx3)}function hitungtotaldata(_0x160bx2){var _0x160bx3=_0x160bx2[_0xc844[22]],_0x160bx4=parseInt(_0x160bx3[_0xc844[23]].$t,10);loophalaman(_0x160bx4)}function halamanblogger(){var _0x160bx2=urlactivepage;-1!= _0x160bx2[_0xc844[25]](_0xc844[24])&amp;&amp; (lblname1= -1!= _0x160bx2[_0xc844[25]](_0xc844[26])?_0x160bx2[_0xc844[27]](_0x160bx2[_0xc844[25]](_0xc844[24])+ 14,_0x160bx2[_0xc844[25]](_0xc844[26])):_0x160bx2[_0xc844[27]](_0x160bx2[_0xc844[25]](_0xc844[24])+ 14,_0x160bx2[_0xc844[25]](_0xc844[28]))),-1== _0x160bx2[_0xc844[25]](_0xc844[29])&amp;&amp; -1== _0x160bx2[_0xc844[25]](_0xc844[30])&amp;&amp; (-1== _0x160bx2[_0xc844[25]](_0xc844[24])?(jenis= _0xc844[4],nomerhal= -1!= urlactivepage[_0xc844[25]](_0xc844[31])?urlactivepage[_0xc844[27]](urlactivepage[_0xc844[25]](_0xc844[31])+ 8,urlactivepage[_0xc844[20]]):1,document[_0xc844[34]](_0xc844[32]+ home_page+ _0xc844[33])):(jenis= _0xc844[35],-1== _0x160bx2[_0xc844[25]](_0xc844[36])&amp;&amp; (postperpage= 20),nomerhal= -1!= urlactivepage[_0xc844[25]](_0xc844[31])?urlactivepage[_0xc844[27]](urlactivepage[_0xc844[25]](_0xc844[31])+ 8,urlactivepage[_0xc844[20]]):1,document[_0xc844[34]](_0xc844[32]+ home_page+ _0xc844[37]+ lblname1+ _0xc844[38])))}function redirectpage(_0x160bx2){jsonstart= (_0x160bx2- 1)* postperpage,nopage= _0x160bx2;var _0x160bx3=document[_0xc844[40]](_0xc844[39])[0],_0x160bx4=document[_0xc844[42]](_0xc844[41]);_0x160bx4[_0xc844[43]]= _0xc844[44],_0x160bx4[_0xc844[48]](_0xc844[45],home_page+ _0xc844[46]+ jsonstart+ _0xc844[47]),_0x160bx3[_0xc844[49]](_0x160bx4)}function redirectlabel(_0x160bx2){jsonstart= (_0x160bx2- 1)* postperpage,nopage= _0x160bx2;var _0x160bx3=document[_0xc844[40]](_0xc844[39])[0],_0x160bx4=document[_0xc844[42]](_0xc844[41]);_0x160bx4[_0xc844[43]]= _0xc844[44],_0x160bx4[_0xc844[48]](_0xc844[45],home_page+ _0xc844[37]+ lblname1+ _0xc844[50]+ jsonstart+ _0xc844[47]),_0x160bx3[_0xc844[49]](_0x160bx4)}function finddatepost(_0x160bx2){post= _0x160bx2[_0xc844[22]][_0xc844[51]][0];var _0x160bx3=post[_0xc844[53]][_0xc844[52]][_0xc844[27]](0,19)+ post[_0xc844[53]][_0xc844[52]][_0xc844[27]](23,29),_0x160bx4=encodeURIComponent(_0x160bx3);if(_0xc844[4]== jenis){var _0x160bx5=_0xc844[54]+ _0x160bx4+ _0xc844[36]+ postperpage+ _0xc844[31]+ nopage}else {var _0x160bx5=_0xc844[24]+ lblname1+ _0xc844[55]+ _0x160bx4+ _0xc844[36]+ postperpage+ _0xc844[31]+ nopage};location[_0xc844[56]]= _0x160bx5}var nopage,jenis,nomerhal,lblname1;halamanblogger()
</script>
</b:if>

3). Сохраните тему.

Dream Press шаблон для blogger на русском

Dream Press шаблон тема для blogger 2017
Dream Press, входит в число лучших тем для blogger. В нем вы увидите современный, элегантный, стильный и простой дизайн. В целом, все эти качества помогут удержать читателя на сайте.

Тематики: Спорт, Фотографии, Игры, Кулинария, Стиль и мода, Женские, Детские, Автомобили, Здоровье, Путешествия, Туризм, Дизайн, Ремонт домов, Интерьер, Природа, Животные, Танцы, Видео, Музыка, Политика, Экономика, Бизнес, Форекс, Искусство, Картинки, Обои, Заработок, Недвижимость, Рыбалка, Охота

Описание: Адаптивный дизайн, Прелоадер, 2 колонтитула, Плавающий липкий сайдбар, Полноэкранное поисковое окно, Топ меню, Главное меню с выпадающими ячейками, Функция "читать дальше" с новым стилем, Безлимитная постраничная навигация, Хлебные крошки, Навигация по сайту следующий предыдущий пост, Стили для цитат маркированных и нумерованных списков, Кнопки соцсетей, Виджет избранных сообщений вместо похожих, Плавающий виджет похожих постов, Оптимизированные комментарии Blogger, и многое другое.

Технологии: Добавлены новые библиотеки Jquery ускоряющие загрузку скриптов.

SEO: 100%

Демо
Приобрести шаблон полная SEO оптимизированная версия.

В чем проблема новых тем для Blogger Emporio Soho Notable Contempo

В чем проблема новых тем для Blogger Emporio Soho Notable Contempo

Из всех этих новых тем для blogger мне больше всего понравилась Notable. Возможно кто-то сейчас удивиться, но все эти 4 темы составлены из одного и того же скрипта, короче говоря их структура идентична, как и структура предыдущих стандартных тем, как их еще тогда называли "шаблонов". Хорошо это или плохо? Ответить сложно, поскольку есть люди, которые утверждают, что сайты с одинаковой тематикой и одинаковыми шаблонами это не есть хорошо поскольку один из таких сайтов может хватануть фильтр "слететь напрочь в бездну". Но это далеко не главная проблема из-за которой у вас могут возникнуть проблемы с новыми темами blogger.

Проблемы SEO оптимизации

Самой главной проблемой для новых тем блоггера является, то что они, как и предыдущие стандартные темы плохо оптимизированы. Первое, что попадает на ум, можно ли взять топ с таким шаблоном? Можно, если конкуренция слабенькая, или если у сайта хороший рейтинг (когда на него ссылается много авторитетных ресурсов, или оставаться там, если сайт уже определенное время занимает лидирующие позиции в поиске). Но даже при таком раскладе блог может потерять несколько позиций. Например один мой знакомый пол года использовал новую тему и продолжал оставаться на первом месте, но в последнее время начал терять позиции.

С чем это можно сравнить? Допустим у вас есть друг и вы часто дарите ему подарки, собственно из-за этого он с вами и дружит, но вот внезапно ваши доходы упали и вы перестали дарить ему эти подарки. Друг подумал, подумал и решил, что с вами дружить больше не выгодно. Зачем дружить с тем кто ничего не дарит, если можно дружить с теми кто заваливает подарочками. Ну, а с тобой мы будем встречаться по праздникам. Как то так.

Что из этого нужно учесть:
  1. Нельзя начинать вести блог с такими темами, если они конечно не оптимизированы.
  2. Не стоит переходить на них даже, если вы в топе опять же, если они не оптимизированы. 

Что не так в оптимизации:

Основная проблема этих тем заключается в неправильной верстке, а именно:
  • Неправильно проставленные теги.
  • Отсутствие важных метатегов.
Это первое, на что обращает внимание seo оптимизатор и поисковики (последние конечно берут во внимание посещаемость, поведенческий фактор и самое главное результат, сумел ли сайт дать ответ на вопрос). Проблемы с тегами и метатегами это самые грубые ошибки.

Плюсы новых тем

Конечно, где есть минус должен быть и плюс. Определенно в новых темах есть и хорошее, но на рейтинг оно мало влияет:
  • Адаптивный дизайн - теперь не нужно переключаться на мобильную версию сайта
  • Поддержка видео из youtube - миниатюры в постах на главной интегрируют картинку из видео
Это два плюса которые можно выделить и то они больше к дизайну относятся.

А еще что? 

Еще стоит добавить, что архивы открыты для индексации в поисковых системах. Могу сказать, что ранее они были закрыты и как это сейчас повлияет на оптимизацию сложно сказать. Разделы с поиском, а именно ярлыки и постраничная оптимизация так и остаются за бортом.

Заключение:
Что из этого следует учесть? Лично я посоветую вам скачать, какую либо бесплатную тему сторонних вебдизайнеров, быть может повезет и она окажется более оптимизированной.

Если все же хотите шаблон с которым не будет проблем, смотрите раздел оптимизированные темы или настройка шаблонов.

Виджет комментариев Facebook для Blogger Contempo Soho Notable Emporio

Виджет комментариев Facebook для Blogger Contempo Soho Notable Emporio.

Код который нужно найти в шаблоне (2 минута 50 секунда), для установки второй части скрипта:
<b:include data='post' name='comments'/>

Обновление: Чтобы избежать дублирования комментариев на всех страницах блога, вместо второй части кода, которую предлагает установить Фейсбук ставьте следующий код:
<div class='fb-comments' data-colorscheme='light' data-numposts='5' data-order-by='social' data-width='100%' expr:data-href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id'/>

Виджет комментариев Вконтакте для Blogger Contempo Soho Notable Emporio

Здравствуйте друзья. Сегодня продолжим разбирать новые темы blogger. На очереди установка виджета комментариев Вконтакте для новых тем Contempo Soho Notable Emporio.

Как и в предыдущем посте о том, как убрать технологии blogger инструктаж представлен в формате видео. Единственное, чтобы вам было легче добавлю строку, которую нужно найти на 3 минуте 34 секунде: <b:include data='post' name='comments'/> 
Если возникнут вопросы пишите в комментариях желательно на сайте, на youtube редко бываю. Так же читайте, как добавить форму комментариев vkontakte для обычных шаблонов блоггер.

Удалить технологии blogger, Contempo Emporio Notable Soho

Удалить надпись технологии blogger в новых темах blogspot не так просто, как в старых, но все же вполне возможно. Так же при этом можно убрать надпись: "Подробнее об авторе изображений для темы: Michael Elkan" из шаблона Contempo.

Чтобы не мучить вас текстами и картинками, я снял видео в котором все детально описано.

Blogger виджет новых сообщений 2017

Виджет новых сообщений
Платформа: Blogger

Описание виджета: Выводит более 5 сообщений, Комментарии, Читать дальше, Миниатюры, Не содержит внешних скриптов.

Виджет новых сообщений: играет не мало важную роль при продвижении сайта в поисковых системах. В основном благодаря данному виджету можно значительно уменьшить показатель отказа и соответственно увеличить поведенческий фактор.

Смотреть демо.

Установить список последних сообщений


1.) В панели управления перейдите в раздел Дизайн
2). Создайте новый гаджет HTML/Javascript
 
3). В появившемся окне вставьте код:
<script> function showlatestpostswiththumbs(json) { document.write('<ul class="recent-posts-container">'); for (var i = 0; i < posts_no; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var postsurl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { var commentstext = entry.link[k].title; var commentsurl = entry.link[k].href; } if (entry.link[k].rel == 'alternate') { postsurl = entry.link[k].href; break; } } var recenthumb; try { recenthumb = entry.media$thumbnail.url; } catch (error) { s = entry.content.$t; a = s.indexOf("<img"); b = s.indexOf("src=\"", a); c = s.indexOf("\"", b + 5); d = s.substr(b + 5, c - b - 5); if ((a != -1) && (b != -1) && (c != -1) && (d != "")) { recenthumb = d; } else recenthumb = 'http://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png'; } var postdate = entry.published.$t; var showyear = postdate.substring(0, 4); var showmonth = postdate.substring(5, 7); var showday = postdate.substring(8, 10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; document.write('<li class="recent-posts-list">'); if (posts_date == true) document.write('<div class="post-date"> ' + monthnames[parseInt(showmonth, 10)] + ' ' + showday + ' ' + showyear + '</div> '); if (showpoststhumbs == true) document.write('<a href="' + postsurl + '"><img class="recent-post-thumb" src="' + recenthumb + '"/></a>'); document.write('<div class="recent-post-title"> <a href="' + postsurl + '" target ="_top">' + posttitle + '</a></div> '); var posts_details = ''; var flag = 0; document.write('<div class="recent-posts-details"> '); if (showcommentslink == true) { if (flag == 1) { posts_details = posts_details + ' <br> '; } if (commentstext == '1 Comments') commentstext = '1 Comment'; if (commentstext == '0 Comments') commentstext = 'No Comments'; commentstext = '<a href="' + commentsurl + '" target ="_top">' + commentstext + '</a>'; posts_details = posts_details + commentstext; flag = 1;; } if (readmorelink == true) { if (flag == 1) posts_details = posts_details + ' | '; posts_details = posts_details + '<a class="readmorelink" href="' + postsurl + '" class="url" target ="_top">Read more</a>'; flag = 1;; } document.write(posts_details); document.write('</div> '); document.write('</li> '); } document.write('</ul> '); }</script> <script> var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = true; var posts_date = false; </script> <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestpostswiththumbs"></script> <noscript>Your browser does not support JavaScript!</noscript> <link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"></link> <style type="text/css"> img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;} .recent-posts-container {font-family: 'Oswald', sans-serif; float: left;width: 100%;min-height: 70px;margin: 20px 0px 5px 0px;padding: 0;font-size:12px;} ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 5px;} ul.recent-posts-container {counter-reset: countposts;list-style-type: none;} ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 20px; font-size: 16px;color: #fff;background: rgba(0,0,0,0.4);padding: 9px 14px;} .recent-posts-container a { text-decoration:none; } .recent-posts-container a:hover{color: #f74f4f!important;} .post-date {color:#989c9c; font-size: 11px; } .recent-post-title a {font-size: 13px; text-transform: uppercase; color: #111!important;} .recent-post-title { margin: 5px 0px; } .recent-posts-details {border-top: 4px dashed #fd8c9e; margin-top: 5px; padding-top: 5px;} .recent-posts-details a{ color: #888;} a.readmorelink {color: #4DACE3;} img.recent-post-thumb { padding: 2px 0px; width: 65px; height: 65px; float: left; margin: -14px 10px 0px 0px; border-radius: 10%; border:none!important} </style>

4.) Сохраните виджет.

Sparta премиум тема для blogger на русском

Sparta шаблон для blogger 2017
Sparta это многоцелевой, классический шаблон Blogger, с возможностью перестройки под журнальный стиль. Он идеально подойдет для таких тематик, как Путешествия, Мода, Стиль, Кулинария, Игры, Бизнес, Форекс, Образ жизни, Учеба, Здоровье, Автомобили, Природа, Животные, Рыбалка, Строительство и Ремонт прочее.

Спарта это наш первый шаблон в котором внедрен код плавающей боковой панели, она начинает двигаться вместе с прокруткой страницы, не от верхней части, а от нижней, что позволяет пользователю охватить вес заданный ей контент. Кроме того были внедрены новые стили для кнопок. Пример Read More и кнопки ярлыков виджета About Fashion. Встроен более современный Lightbox на Jquery. Выделено место под адаптивный рекламный баннер. Новые стили для кнопок социальных сетей, переключатель гаджетов, прелоадер, плавная загрузка картинок и многое другое.

Демо
Приобрести шаблон - полная SEO оптимизированная версия

Pressmania Red премиум шаблон для blogger на русском языке.

Pressmania шаблон для blogger

Pressmania Red - журнальный шаблон для blogger (blogspot) на русском языке с отзывчивым дизайном.

Наконец-то завершилась работа над преобразованием очередного шаблона. Можно с уверенностью сказать, что получилось вполне прилично. Что же друзья, давайте начнем наш обзор.

Вначале мы немного подрезали края нашему товарищу, вернее уменьшили его полотно. Ну не нравятся нам широкие сайты, Pressmania уж точно не должен быть широким. В общем сделано, теперь глазки не так будут уставать. Верхняя часть позволяла, даже просила нас загрузить туда красивую картиночку. Ниже симпатичный слайдер, даже очень, вот только этот симпатяга принимал не все картинки, некоторые из них не доставали до его границ из-за этого в нижней части образовался промежуток заполненный серыми тонами. Покопались в настройках и расширили изображения до конца его границ. Дальше нужно было вывести на главную последние сообщения блога, с этим так же справились, теперь не нужно создавать отдельный ярлык с меткой "все посты". Так же можно сделать из журнального обычный тип блога, просто не добавляя ярлыки для виджетов на главной странице. Сильно зацепила постраничная навигация, больше 154 сообщений (постов) она не хотела показывать, даже после замены. Копнули глубже и нашли решение, теперь все в норме, постраничная навигация выводит безлимитное число постов... ура! ура! ура!). Дальше видим слайдер тип карусель, которая могла разбиваться на еще две ячейки, но их мы убрали поскольку они редко срабатывали, к тому же они не особо нужны и создавали лишнюю нагрузку на страницы блога. В подвале можно заметить ярлыки, образ для которых мы взяли с недавно размещенной на нашем сайте статьи. Ярлыки в сайдбаре так же изменили. Вот мы и добрались к тому, чего многие еще не видели. На страницах с постами, после текста добавлен новый виджет, два в одном лайкнуть и поделиться в социальных сетях. Скоро мы напишем на сайте, как и где его достать. Еще одна неприятность ждала нас с виджетом похожих сообщений, он хотел показывать лишь последние сообщения, в глубь он уходить не хотел, ленивый какой-то попался. Поскольку подобный виджет так работать не должен пришлось поменять. Еще одно неудобство вызывал виджет в сайдбаре (Что нового и Новые комментарии) они, как видите идут вместе и изначально располагались в самом верху сайдбара, что не позволяло запихнуть выше них ничего более, разве что через редактор HTML, для вашего удобства мы этого широкого перца подвинули вниз. Теперь вы свободно можете размещать в верхней части сайдбара все что только пожелаете. И под конец сделали шаблон более дружелюбным (Seo Friendly) для поисковых систем в частности касается гугла, добавив разметки. В общем получился качественный продукт, спасибо за это его главному веб дизайнеру.

Демо
Приобрести полную SEO оптимизированную версию

Avicia премиум тема Blogger для женских сайтов и блогов на русском

Avicia шаблон для blogger
Заголовок блога, Виджет Информация об администраторе, Иконки социальных сетей + иконка поиска;  Популярные сообщения, Ярлыки список и облако; Посты на главной поддерживают видео; Виджет Информация об авторе поста; Кнопки поделиться в соцсетях; Похожие посты; Кнопка Обратно вверх.

Горизонтальное меню с выпадающими ячейками (два уровня); Нумерованная постраничная навигация; Предыдущий & Следующий пост с миниатюрами.

Стиль и мода; Путешествия; Портфолио; Личные блоги; Женские блоги.

Демо
Приобрести полную SEO оптимизированную версию

Sora Buzz бесплатный шаблон для Blogger

Sora Buzz шаблон для Blogger
Sora Buzz шаблон для Blogger: 5 колонтитулов, выпадающее меню, Слайдер карусель случайных сообщений, Поиск по сайту, Виджет избранных постов, Секция для рекламного баннера 728 * 90, Кнопки поделиться в социальных сетях, Нумерованная постраничная навигация, Кнопка вверх, Виджет последних постов по ярлыку, Предыдущий следующий пост с заголовками, Комментарии Blogger, Адаптивный дизайн, Цвета красные черные.

Demo
Download