Оптимальная длина статьи для поисковиков

Как часто нужно добавлять (обновлять) контент (посты, сообщения, статьи) на сайте - блоге. Оптимальное количество символов в статье.

Доброе утро всем тем, кто решил встать на путь блогера или вебмастера. В календаре последний день октября, суббота - выходной день. Многие хорошенько выспались, теперь можно и потрудиться. В сегодняшнем материале у нас только теория, хотя это с какой стороны посмотреть.

Тема важная по-этому советую отнестись к ней серьезно. В ней разберем, как правильно вести сайт или блог.

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

Оптимальное количество символов в статье

Второй главный вопрос темы - какое количество символов должно быть в статье (посте). Ребята, которые работают в компании google дали совет расписывать статью в диапазоне от 500 до 1500 символов. А если конкретней? то не более 500 символов, все должно быть кратко и ясно. Почему именно 500? Все просто, после исследований было определено, что большинство посетителей осиливают именно такое количество символов и после покидают сайт - блог или переходят к прочтению другого поста.

Теперь вы знаете, что да как и можете спокойно приступать к работе. Но не стоит загонять себя под эти рамки, конечно вы можете придерживаться данных советов. К примеру на одном из своих сайтов я набрасывал 5, 6 постов по 200, 300 символов с интервалом через день, два и результат меня вполне устраивал. В нашем деле главное получать удовольствие от проделанной работы.      

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

 

Blogger - blogspot, как добавить (установить) на сайт - блог стильное поисковое окно.

Всем привет. Вот и наступила среда, неделя добралась до экватора. А мы продолжаем изучать виджеты и гаджеты для сайтов и блогов. И вот наконец-то на этой недели мы добрались к действительно интересной теме: "Поисковое окно для сайта - блога". Думаю особого разъяснения о том, что это и для чего нужно, оно не требует. И так понятно, что польза поискового окошка заключается в том, чтобы пользователь мог быстро найти нужный ему контент вашего веб-ресурса. Если же сайт не содержит в себе много информации к примеру он одностраничный или состоит из нескольких постов, в таком случае добавлять этот виджет нет смысла. Как будет выглядеть поисковое окно вы можете увидеть на одном из наших шаблонов.
Обладает оно эффектом удлинения при наведении на него курсором мыши.

Для установки нужно перейти в раздел Шаблон - Изменить HTML найти код ]]></b:skin> и перед ним вставить следующий код:


/* Search Box
----------------------------------------------- */
#searchformfix
{
float:right;
overflow:hidden;
position:relative;
margin-right: 0px;
margin-top: 3px;
}
#searchform
{
margin:7px 0 0;
padding:0;
}
#searchform fieldset
{
padding:0;
border:none;
margin:0;
}
#searchform input[type="text"]{
background: ;
border: none;
float: left;
padding: 0px 10px 0px 15px;
margin: 0px;
width: 150px;
height: 34px;
line-height: 34px;
transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-moz-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-webkit-transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-o-transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
color: #333;}
#searchform input[type=text]:hover,#searchform input[type=text]:focus
{
width:200px;
}
#searchform input[type=submit]
{
background:url(http://4.bp.blogspot.com/-R8OKVUsis3s/UgZEksy0V1I/AAAAAAAAAT4/QtN9sBHMZis/s1600/icon-search.png) center 9px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width:37px;
height:34px;
line-height:34px;
background-color: #FF3D00;
}
input[type=submit]
{
padding:4px 17px;
color:#ffffcolor:#585858;
text-transform:uppercase;
border:none;
font-size:20px;
background:url(gradient.png) bottom repeat-x;
cursor:pointer;
margin-top:10px;
float:left;
overflow:visible;
transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-webkit-transition:all .3s linear;
}
#searchform input[type=submit]:hover
{
background-color:#444 ;
}
.selectnav {
display:none;
}
  
Сохраняете шаблон.

Следующий код вы можете разместить в разделе Дизайн - добавить гаджет - HTML\Javascript. Вот сам код:

<div id='searchformfix'>
          <form action='/search' id='searchform'>
            <input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Поиск...&quot;;}' onfocus='if (this.value == &quot;Поиск...&quot;) {this.value = &quot;&quot;;}' type='text' value='Поиск...'/>
            <input type='submit' value=''/>
          </form>
        </div>
  
Сохраняете гаджет и радуетесь появлению на сайте - блоге стильного поискового окна.

Blogger как закрепить сообщение на главной странице


Blogger - blogspot, как закрепить пост (сообщение) на главной странице.

Здравствуйте друзья. Сегодня вторник, неделя набирает обороты. А я в очередной раз убедился, что не стоит полагаться на свои планы, поскольку в один прекрасный момент все, что было запланировано переходит с первого плана на второй. Хотелось осуществить один замысел, а приходиться делать совершенно другое. Так и мне, хотелось поделиться с вами одной темой в итоге приходится писать о совсем другом. Но и эта статья думаю для многих окажется важной.

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

Для этого вам нужно перейти в раздел Сообщения найти нужный пост (сообщение) дальше начать его редактирование путем нажатия на ссылку изменить. В редакторе с правой стороны кликаем по Расписание -Установить дату и время, которое устанавливаем на много, много времени вперед. Хотя для наглядности можете поставить дату и завтрашним днем. После обновляете пост. Такой вот простой способ закрепления поста (сообщения).

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


Blogger - Blogspot, как скрыть - убрать комментарии в отдельных сообщениях - постах или на всем блоге - сайте.

Доброго времени суток дорогие вебмастера и блоггеры. На горизонте понедельник, начало рабочей недели, которая у нас обещает быть весьма интересной и насыщенной. Но, не будем забегать наперед и оставим интригу на потом. Поскольку день сегодня у всех скорее всего тяжёлый, загружать вас сложной информацией мы не будем. И составим легкий мануал по все тем же комментариям.

В сегодняшней теме мы с вами разберем, как скрыть комментарии на отдельной странице сайта - блога. Или же и вовсе их убрать.  

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

С отдельным устранением разобрались. Теперь перейдем к тотальному устранению формы комментариев. Для этого нужно перейти в раздел Настройки - Сообщения и комментарии, напротив Расположение комментария увидите кнопку с параметром Встроенный кликаете по кнопке и выбираете параметр Скрыть. И после всего вверху с правой стороны - Сохранить настройки. Если захотите вернуть все обратно повторяете все тоже самое и вместо параметра Скрыть выбираете Встроенный.

Как спрятать изображение в посте

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

Всем привет. Недавно один из наших посетителей просил нас написать инструкции о том, как спрятать картинку в посте, но чтоб при этом она отображалась на главной странице, как заглавная к самому посту, чтобы не было пробелов между постами. Для чего это нужно. К примеру вы нашли нужную для поста картинку, но она не совсем вписывается в пост или же ниже встроено видео с youtube с той же картинкой и потребности загружать саму картинку вроде бы нет, но на главной странице сайта или блога изображение от видео не будет отображаться, хотя может, но не во всех шаблонах и в каждом по разному. Тоже самое и в виджетах популярные сообщения, последние сообщения и т.д.. В общем есть нужда спрятать изображение от глаз посетителя, чтобы пост выглядел более четко. Есть два способа для осуществления подобной настройки, но мы поделимся только одним, самым легким.

После загрузки картинки вам нужно кликнуть по картинке сделать ее либо крупнее, либо меньше. Затем нужно перейти с обычного редактора Создать в редактор HTML найти там код загруженной картинки. Дальше в этом коде находим значения width и height вместо прописанных там чисел выставляем ноль. Публикуете сообщение, открываете сайт или блог и видите на главной странице пост с картинкой, но после перехода в сам пост картинки нет.

Если не совсем понятно, как это сделать вот видео инструкция

Установить на сайт - блог виджет похожие сообщения.

виджет похожих сообщений

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

На сегодняшний день любому вебмастеру или блоггеру сложно представить себе сайт или блог без виджета схожих между собой постов. К сожалению стандартные шаблоны blogger не имеют в своем репертуаре подобного виджета. Поэтому владельцу веб-ресурса нужно устанавливать его самому. И сегодня мы с вами разберем, как это делается, но прежде поговорим о его пользе.

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

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

1.) Для установки первого варианта перейдите в раздел Шаблон - Изменить HTML ищем код ]]></b:skin> и перед ним вставляем код:

/* MBL Thumbnail Related Posts With ToolTips --- */

    #related-posts h2 {
    font: 18px Oswald;
    color: #999;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    }

    .related-post .post-thumbnail {
     z-index: 1;
     position: relative;
     width: 98px;
     height: 98px;
     margin: 0;
     display: block;
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: inset 2px 2px 5px #444;
     -moz-box-shadow: inset 2px 2px 5px #444;
     box-shadow: inset 2px 2px 5px #555;
    }
    .related-post {
     float: left;
     position: relative;
     width: 98px;
     height: 98px;
     margin: 0 10px 10px 0;
     background: #F6F6F6;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     }
    .related-post .related-post-title {
     display: none;
     float: left;
     background: #000;
     color: #fff;
     text-shadow: none;
     font-weight: bold;
     padding: 10px;
     position: absolute;
     top: -20px;
     left: 40px;
     z-index: 2;
     width: 200px;
     -webkit-box-shadow: 0 0 2px #444;
     -moz-box-shadow: 0 0 2px #444;
     box-shadow: 0 0 2px #444;
    }
    .related-post:hover .related-post-title {display: block;}

После ищем код  <div class='post-footer'> их в шаблоне может быть два, нам нужно найти второй и сразу после него вставить следующий код:


 <div id='related-posts'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>//<![CDATA[
      var ry='<h2>Рекомендуем:</h2>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
    var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
    //]]></script>
    <b:loop values='data:post.labels' var='label'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
    </b:loop>
    <script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
    </b:if>
    </div>
    <div class='clear'/>

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

2.) Теперь переходим к установке второго варианта. Все в том же разделе Шаблон - Изменить HTML ищем код </head> и перед ним вставляем код:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;padding:10px;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #EEEEEE;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;object-fit: cover;width:110px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; }
#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' />
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

После, как и в первом варианте находим код <div class='post-footer'> помним, что их может быть два, нам же нужен второй и после него выкладываем следующий код:

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=25&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Рекомендуем:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"><a  style="font-size: 9px; text-decoration: none;" href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" >Related Posts Widget</a></div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Как и в первом случае код выделенный зеленым определяет количество отображаемых сообщений.

Сохраняем шаблон и проверяем результат установки второго варианта. Если вы все сделали правильно никаких проблем не должно возникнуть.

Livre Respo - шаблон для blogger

Демо
Приобрести шаблон

Livre respo - бесплатный шаблон для blogger - blogspot на русском языке.


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

Сейчас мы расскажем, что именно было изменено. В шаблоне не было поискового окна. И на этот раз мы добавили стильное поисковое окно, которое многим понравилось в шаблоне Square. Под главным меню раньше была статическая карусель, которая отображала нужные администратору посты, но настраивать ее приходилось вручную, при этом нужно было постоянно менять ссылки на посты и ссылки на картинки, еще и прописывать для них оглавления и описание. Тоже самое касается статического слайдера, который расположен ниже карусели, в нем были все те же устаревшие настройки. Оба виджета были заменены и теперь настроить их можно легко и просто, раз и навсегда. Тип сообщений на главной странице был изменен с простого на "Сетку" "Grid" с добавлением новых эффектов. О постраничной навигации уже даже и вспоминать не хочется, но придется, установлен пронумерованный тип. В подвале сайте разместили виджет последних сообщений стиль "галерея" - функционирует на всех страницах кроме главной. В самих постах из нового добавили спойлер для комментариев и кнопки социальных сетей. Изменен стиль для титульных названий виджетов и гаджетов, как в сайдбаре, так и в подвале сайта -блога.  

Минусы бесплатного шаблоны:
- Старый дизайн.

Комментарии Вконтакте на сайт

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

По старинке добавим пару строк о плюсах и минусах виджета вконтакте. В общем плюс здесь в том, что в нашем регионе сеть пользуется большой популярностью, почти каждый житель бывших стран СНГ имеет там свой аккаунт. Если комментарий в форме фуйсбука может оставить каждый второй посетитель, то Вконтакте наверняка каждый зашедший может это сделать. Короче говоря простота и удобство комментирования. Главный минус в том, что такие комментарии поисковики не индексируют. Но все же плюс здесь более жирный, ведь лучше когда пользователь с удобством может прокомментировать материал или вступить с кем-то в дискуссию не заполняя при этом каждый раз свой ник, почту и т.д.. Такой пользователь с большой долей вероятности может стать постоянным читателем вашего сайта или блога. И лучше всего устанавливать комментарии от Вконтакте на сайты с тематикой игры, спорт, кино, кулинария, в общем развлекательный контент в самый раз.

Итак, чтобы установить на свой сайт - блог на движке blogger - blogspot комментарии от Вконтакте вам нужно перейти на страницу виджетов ВК и сгенерировать там свой код. В строке: "Сайт\приложение" выбираете "Подключить новый сайт". Заполняете данные, после можете настроить виджет и перейти к установке скопировав первую часть кода и разместив ее в разделе Шаблон - Изменить HTML перед кодом </head>

Вторую часть кода нужно вставить после кода <a name='comments'/> их может быть несколько нужно вставить после самого верхнего.

Сохраняете шаблон и можете пойти тестировать новую форму комментариев. 

Комментарии facebook на сайт


Blogger - blogspot, как установить - добавить на сайт - блог комментарии от facebook - фейсбук.

Здравствуйте, в общем мы продолжаем тему комментариев и сегодня обсудим комментарии от facebook. Разобьем тему на три пункта это:
- Для чего.
- Плюсы и минусы.
- И само собой, как устанавливать.

1. Итак, зачем же нам устанавливать на свой сайт - блог комментарии от фейсбук? Причина проста, много пользователей имеют аккаунты в этой социальной сети, по-этому почти каждый второй посетитель вашего ресурса сможет оставить на нем комментарий.

2. Какие плюсы есть у формы комментариев от фейсбук? Впрочем плюс у нее только один зато какой. Мы знаем, что кроме фейсбука есть и другие социальные сети предоставляющие услугу установки виджета комментариев на сайт - блог, к примеру это Вконтакте. Так вот поисковик гугл (о яндексе не скажу) уже давно научился индексировать комментарии от фейсбук на сторонних сайтах - блогах. Это очень важный фактор. Минус в том, что комментарии от фейсбук не сохраняются на сервере и при переносе сайта вернее его контента, вы не сможете их возобновить. Но такие случаи не частые так что можете не переживать по этому поводу.

3. В общем, если вы решились тогда мы приступаем, для установки комментариев от facebook вам нужно иметь там свой аккаунт, можно конечно обойтись и без него, но в таком случае вы не сможете модерировать комментарии. Итак переходим в раздел комментарии для фейсбук
здесь:
1) В строке url to comment вставляем адрес своего сайта или блога.
2) В строке width можете настроить ширину формы комментариев к примеру 500.
3) В строке Number of posts оставляете все, как есть.
4) После жмете синюю кнопку Get code.
На скриншоте отмечены все шаги:

После это появится окно с двумя кодами:

Копируете первый код и вставляете его в разделе Шаблон - Изменить HTML перед кодом </body> вот только вы не сможете сохранить шаблон поскольку выбьет ошибку, чтобы этого не было вам нужно дописать значение amp; как указано на скриншоте ниже:

Второй код от фейсбук вам нужно вставить после кода: <a name='comments'/>  в шаблоне их может быть несколько так что вставляете код после самого верхнего. Сохраняете шаблон и проверяете итоговый результат. В общем все должно быть хорошо и на вашем сайте - блоге появится форма комментариев от facebook.

Blogger - blogspot - спойлер для комментариев

Добавить на сайт - блог спойлер для комментариев - blogger - blogspot.
Не понаслышке все мы знаем, что комментарии отыгрывают огромную роль в продвижении сайта - блога. Чем больше комментариев, тем больше доверия со стороны поисковых систем. Но порой эти же комментарии могут и навредить сайту, к примеру когда пользователи оставляют слишком много комментариев еще и добавляя к ним различные файлы будь то картинки, видео и т.д. Хотя на платформе блоггер нет возможности добавлять в комментариях видео и картинки. Но все же большое количество комментариев может существенно замедлить загрузку страниц, а вот этого поисковики не совсем одобряют по крайней мере google. Вот дилемма казалось бы комментариев много и это должно поднять сайт - блог в поисковой выдаче, но долгая загрузка страниц не дает этого сделать на все сто процентов. Решить данную проблему можно при помощи спойлера для комментариев. Главное не путайте со спойлером основного контента сайта. Итак при помощи спойлера можно существенно уменьшить нагрузку на страницы, как раз то, что нам нужно для стопроцентной отдачи комментариев. Пример спойлера вы можете увидеть на тестовом блоге.

Для установки перейдите в раздел Шаблон - Изменить HTML найдите там код <div class='comments' id='comments'> и замените его на следующий код:

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Показать комментарии</a>
<div class='clear'/>
        <div class='comments hide-content' id='comments'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Скрыть комментарии</a>
<div class='clear'/>

После находим код ]]></b:skin> перед которым добавляем:

/* Show and Hide Comments */
.hide-content{display:none;margin:0;padding:0;}
a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}
#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s}
a.showcontent:hover{background:#fff;color:#5593f0;}
#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}

И финальный аккорд перед кодом </body> вставляем:

<script type='text/javascript'>
//<![CDATA[
// Show and Hide Comments
function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
//]]>
</script>

Сохраняете шаблон и проверяете, что вышло в итоге.

Примечание: данный спойлер работает только для комментариев blogger на таких формах, как disqus, facebook и вконтакте он не будет работать.

Создание, установка на сайт баннера с отзывчивым дизайном

Подойдет для любой платформы не только для Blogger - Blogspot. Создание и установка на сайт - блог всплывающего баннера с отзывчивым дизайном.

Привет ребята, сегодняшняя тема, как вы уже поняли посвящена в некоторой степени монетизации сайта. Правда этот материал касается подготовки к ней. По лычному опыту могу сказать, что порой требуется создать собственный рекламный баннер для сайта - блога. Конечно в сети есть много сервисов позволяющие это сделать, но во-первых долго разбираться, что к чему, во-вторых могут запросить регистрацию на сайте для получения самого баннера и в третьих такие сервисы могут влепить в ваш баннер ссылку на свой сайт. Хотя один плюс в них все таки есть, если вы не дружите с графическими редакторами там вы сможете легко настроить фоновую картинку баннера. С нашим баннером таких проблем не возникнет. Зная, что самым популярным форматом является 728 * 90 пикселей выбрали именно его. Но его можно легко изменить задав нужные параметры ширины и высоты. Вот результат.

Преимущества баннера:
- Отзывчивый дизайн - хорошо для пользователей мобильных устройств.
- Есть кнопка "Закрыть - Close", пользователь в любой момент может скрыть его.
- Плавающий дизайн - постоянно на виду, то есть при прокрутке страницы не прячется, повышая таким образом процент пробива.

Для установки нужно перейти в раздел Шаблон - Изменить HTML находите код </body> и перед ним вставляете следующий код:

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Купить кота'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Купить кота' src='http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png'/></a>
</div>
</div>

Параметры выделенные желтым выставляете по собственному желанию:
max-width - ширина баннера;
href= '#' - вставляете ссылку на рекламированный сайт
img style - 'max-width:100%; height:auto;' - задаете ширину и высоту

Сохраняете шаблон и проверяете результат.

Blogger всплывающее окно: "Использование файлов cookie сервисов Google".


Blogger - Blogspot настройка всплывающего окна: Работая с этим сайтом, вы даете свое согласие на использование файлов cookie сервисов Google.

Доброго времени суток друзья. Возможно некоторые из вас уже заметили, что google ввел новое правило или новую, старую функцию сбора данных файлов cookie. Сейчас объясним. Итак на сайтах где показывается реклама от гугл, а так же на сайтах - блогах созданных на платформе blogger начало всплывать окно с данным оповещением:  "Работая с этим сайтом, вы даете свое согласие на использование файлов cookie сервисов Google. Это необходимо для нормального функционирования сайта, показа целевой рекламы и анализа трафика. Статистика использования сайта отправляется в Google". 

В принципе эта статистика ранее итак записывалась сервисом гугл, но теперь это должен подтвердить каждый пользователь зашедший на ваш сайт - блог. После разового подтверждение (закрытия) это окно более не появляется, правда я замечал, что это не всегда так. В общем на сайтах и блогах созданных на движке blogger  это окно выплывает в не совсем удобном месте, вверху сайта и сопровождает посетителя при скроллинге страницы, что немного раздражает. Именно из-за того, что оно не всегда исчезает при закрытии я и создал эту тему в которой вы узнаете, как переместить это объявление на более удобное место на сайте - блоге, чтобы оно не мешало пользователям просматривать ваш контент. 

Итак для начала переходим в раздел Шаблон - Изменить HTML ищем код  ]]></b:skin>  
и передним вставляем один из двух кодов ниже всего два варианта со светлым и темным фоном:

Первый вариант с темным фонном
/* Custom Cookies Info Dark */
.cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0)}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}

И второй вариант со светлым фоном
/* Custom Cookies Info Light */
.cookie-choices-info{background-color:rgba(255,255,255,.99)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transform:translateZ(0)}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}

Теперь это окно будет всплывать только внизу сайта. Увидеть новое расположение окна вы можете на картинке, которая прилагается к статье, отмечено красными стрелками.

И напоследок добавим, что убирать его совсем, не рекомендуется, могут возникнуть проблемы с сайтом - блогом.

Как выбрать тематику для сайта

Сколько тематик можно использовать на одном сайте.
Извечный вопрос, который мучает многих вебмастеров и блогеров, какую тематику выбрать  для своего сайта - блога и сколько вообще тематик можно преподносить своим читателям.

В принципе, лучше всего когда вы разбираетесь в каком-то одном деле, хотя хорошо когда и больше, короче говоря когда есть одна целенаправленная тема. К примеру вы электрик, сантехник, учитель, шеф-повар, спортсмен, финансист, юрист, программист и т.д. Если вы разбираетесь в определенной теме, тогда смело хватайте ее и вперед на баррикады. Будет не просто, но "Китайская стена" тоже не за один день возвелась. Чтобы ваш сайт - блог вышел на передовые позиции в поисковых системах потребуется немало времени и усилий. Приблизительно, на это уходит до полугода и больше. Здесь все зависит только от создателя проекта, как он преподносит материал сайта - блога ну и неплохо порой подключать социальные сети, это для эконом класса. Даже, если вам удалось достичь нужного результата то бишь большой посещаемости сайта, это еще не значит, что можно открывать бутылку шампанского и пускать салют. Да, можно сказать, что самое тяжелое вы преодолели, но так же нужно удержать публику на своих местах, как во времена древнего Рима жители города постоянно приходили в Колизей, чтобы получить удовольствие от процесса происходящего на арене. Тоже самое и в интернете, вебмастеру - блогеру нужно не только предоставить важную информацию на своем сайте - блоге, но еще и заставить читателя получить от ее чтения удовольствие, чтобы ему захотелось приходить вновь и вновь, а это удается не многим. Данный фактор определяется тем, насколько вы обознаны в теме, которую излагаете.  В общем понятно, что вам лучше выбрать ту тематику в которой вы асс, нежели ту, которая по меркам сегодняшних дней считается самой прибыльной, но в которой вы тонете без спасительного жилета . Раз уж вспомнили о самых прибыльных темах интернета на сегодняшний день, значит можно их и озвучить - это сфера заработка точнее форекс, затем продвижение сайтов, автомобили, здоровье, кулинария, спорт, азартные игры и т.д. В общем понятно почему именно они, если нет, мы объясним тем кто не в курсе. Но это не значит, что не стоит брать в оборот другие сферы деятельности человека, ведь наша планета велика и в ней проживает около семи миллиардов людей.

Поделюсь так же с вами своим первым опытом в работе с сайтом. Так, как я с детства влюблен в футбол, я даже и не думал о том, какую тему выбрать для своего сайта это однозначно все, что связано с ним родимым. Мне так нравилась моя тема, что все свое свободное время я отдавал именно ей, но вот прошел месяц, второй, третий, а я так и не видел особых результатов. Тогда я начал немного разбавлять тему вернее добавлять к ней новые штрихи, к примеру я публиковал новости футбола и к ним начал добавлять видео обзоры матчей. Уже стало лучше, но результат по прежнему не тот, тогда в ход пошли таблицы, результаты и в конец то что принесло успех матчи онлайн,  в свою защиту скажу, что не транслировал матчи лишь публиковал на сайте ссылки на трансляции нашедшие на других  сайтах. Я был на седьмом небе от счастья и думал, что постепенно выведу толпу на свои новости, но как я не старался большинству важно было лишь посмотреть футбол. И такая деятельность забирала слишком много времени, на выходные никуда не вырваться. В общем потихоньку я начал сбавлять обороты и потом вовсе забросил это дело, хотя сайт еще жив и там собирается в день от 50- до 200 человек, а было 2000 - 3000, максимальный результат 9000 тысяч. И это на бесплатном хостинге и домене. Короче результат подоспел через пять, шесть месяцев, но вряд ли он был бы, если бы я не делал шагов влево, вправо.

В общем это я забросил и долго думал почему же мне не удалось подсадить посетителей своего сайта на новости, возможно потому что тема очень разъезженная и много из них уже имели свои источники новостей, а возможно нужно было придерживаться новостей о какой-то одной лиге или же вообще об одной конкретной команде, тогда, как я публиковал почти все подряд. Но поезд ушел и догонять его у меня уже нет желания. Странно никогда не думал, что мне надоест писать об этом. Затем я и вовсе свернул не в ту сторону и взялся делать блог обо всем, так как организованности мне не хватает, я не стал делать для каждой тематики отдельный сайт и это послужило еще большей неудачей, потому что в данный период времени, поисковые системы воспринимают такие сайты, как мусор, для них это, как для нас съесть шоколад с колбасой. По-этому очень важно выбирать одну тематику, ну, если уже совсем край, тогда две три но смежные. И самое главное, чтобы сам процесс приносил вам удовольствие, иначе до финишной прямой можно таки не добежать.      

Итого, давайте подведем итоги нашей беседы. Тематику для сайта лучше выбирать одну и то для начала какую-то конкретную ее часть с дальнейшим ее расширением. Залог успеха тема в которой вы чувствуете себя, как рыба в воде. Если все же хотите несколько тематик на одном сайте - блоге выбирайте похожие темы к примеру в спорте футбол, баскетбол, т .д.. (для продвижения таких сайтов - блогов я недавно писал статью о том, как продвигать сайты - блоги с несколькими тематиками). Шансы на успех достаточно велики, главное не сомневаться в своих способностях

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



SeoMag бесплатный шаблон для blogger - blogspot на русском языке.
Приветствуем Вас дорогие друзья. В нашем полку прибыло. Прибыл новый шаблончик, не так давно мы оформили его в нашей категории топ лучших шаблонов для блоггера. Но в том разделе публикуются шаблоны только на английском языке. По-этому мы решили сделать еще и русский вариант, в котором ко всему было исправлено несколько багов. И сразу скажем, что бесплатной русской версии не будет, не хватает не это времени, если захотите можете скачать английскую версию там хоть и есть несколько недочетов, но в целом все работает нормально и местами даже лучше, чем остальные наши бесплатные шаблоны.

Итак, что имеет наш SeoMag и откуда он взялся. В общем, как обычно нашли мы его в старых шухлядах одного из вебдизайнеров. Немного он там оброс паутиной и покрылся толстым слоем пыли. Но зато теперь, как новенький и готов верно служить и дружить с поисковыми роботами. Подходит СеоМаг практически под все тематики. Шаблон двух-колонтитульный с тремя нижними кармашками для виджетов и гаджетов. Теперь пройдемся по изменениям, которые пережил SeoMag. В начале было заменено главное меню, уже точно и не припомним, что там было с его старой менюшкой, по-моему ее способностей было недостаточно для мобильных устройств. Самой главной, новой примочкой шаблона является статический слайдер, отображающий последние посты по заданному ярлыку. Что, что, а слайдер отлично вписался в дизайн. Дальше заметили неприятный баг с датой сообщений (постов) не в самих постах, а на главной странице и дальше по навигации. Над некоторыми постами она высвечивалась, а на некоторых не хотела. Успешно исправлено. Далее картинки постов изменили формат и обзавелись привычной для всех функцией растягивания. Навигация изменилась только внешне. Есть два вида ярлыков в правом сайдбаре и в подвале сайта можно это пронаблюдать. Так же заголовки гаджетов в подвале получили симпатичные ограждения. Добавлено поисковое окно, которое обрело непривычное для себя место на сайте. Дальше к шаблону присоединилась кнопка вверх с функцией плавного завершения поднятия страницы. В постах из нового можно выделить хлебные крошки, кнопки поделиться в социальных сетях и смайлы для комментариев. Из важного, был прописан код отзывчивого дизайна для видео плееров по типу Youtube, Vimeo, Vkontakte и прочие.

Шаблон только для блогов на HTTP
Демо
Приобрести шаблон полная SEO версия

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



Демо
Приобрести шаблон

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


Vetro это старая и давно позабытая многими из нас тема для blogger. Наш коллега помнит ее еще с начала существования, тогда она пользовалась небывалым успехом. И по его рекомендациям мы решили осмотреть ее текущее состояние, чтобы определить насколько она нам подходит. Впрочем такой утонченный, стильный и красивый шаблон для blogger не мог остаться в стороне от нашей деятельности и в этот раз мы решили реанимировать именно его. Работа была нелегкой и все же нам удалось это сделать. Теперь Vetro вновь может радовать тысячи блогеров, вебмастеров и миллионы своих посетителей.

Давайте посмотрим, что же в нем изменилось. Пожалуй начнем с верхней части, здесь был добавлен отсек для баннера размером в 728 на 90 пикселей. Пришлось поменять старое меню оно хоть и было весьма симпатичным, но на мобильных устройствах работало на так, как нужно. Свое новое место нашло поисковое окно, теперь оно не в правом сайдбаре, а по центру под главным меню. Картинки постов на главной странице были увеличены. Можно загружать картинки любых форм не боясь, что они будут сплющенными. Так же мы перекинули заголовки и текст поста на сами картинки выглядит это более чем эффектно. Элементы под изображениями (автор, дата, комментарии, ярлыки) получили свои новые цвета, зеленый, красный, желтый и синий. Смотрится это очень прекрасно. Затем была добавлена постраничная навигация и кнопка обратно вверх. В правом сайдбаре установлено, боковое переключающееся меню для виджетов и гаджетов. Ярлыки и оглавления гаджетов приобрели новый вид благодаря новому коду CSS3. Следующим делом нужно было добавить хлебные крошки в посты блога, и эта часть работы выполнена успешно. В тех же постах был добавлен виджет похожих сообщений. На сей раз мы не стали трогать комментарии и кнопки социальных сетей шаблона, здесь они вписываются в общею атмосферу. Изначально шаблон имел в своем теле прописанные кода для отзывчивого дизайна, но они распространялись не на все его участки, по-этому этим пришлось заняться нам, не будем говорить, что вышло все идеально, ведь в мире нет ничего идеального, но на данный момент с уверенностью можно сказать - это лучше, чем было. Много времени ушло на корректировку виджетов. Пройдя больше половины пути, мы пытались оценить полученный результат и не будем скрывать немного сомневались, что из этого выйдет, нечто хорошее, но результат превзошел все наши ожидания.

Из плюсов бесплатного шаблона:
- доступен лишь перевод шаблона на русский. 

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




Много времени у нас в последнее время уходит на подготовку шаблонов для blogger все это связано с кропотливой и усердной работой над каждым из них, чтобы можно было действительно увидеть потрясающий результат. Конечно же этого не было бы без наших друзей зарубежных вебдизайнеров. Сегодня мы хотели представить вам новый шаблон для blogger - Square. Сделали мы два варианта один называется просто Square, а второй Square transparent, что в переводе с английского означает прозрачный. Да, второй шаблон мы сделали прозрачным и это наша первая такая версия шаблона. Давно мы хотели поработать именно над этим шаблоном блогспот, но все никак не предоставлялся подходящий момент. Давайте почитаем, что о нем пишет его разработчик: "Square - это очередной прекрасный шаблон для пользователей платформы blogger в нашей витрине. В него было добавлено много удивительных виджетов для еще более лучшего отображения содержимого вашего блога. Так же частично была включена HTML-разметка, чтобы улучшить его сое оптимизацию." Вот такие слова мы услышали от издателя шаблона. В конце автор говорит об HTML-разметке, которая вроде как улучшает оптимизацию блога, хотя я видел много сайтов, которые без нее занимают в поисковике более высокие позиции нежели те которые ее имеют. В общем особой роли она не играет.

Теперь давайте посмотрим, из каких комплектующих состоит наш шаблон и что в нем было переделано. Есть два колонтитула, во второй версии шаблона, как мы уже упоминали выше они прозрачные. К ним, внизу блога мы добавили еще три панели для виджетов и внесли изменения для их отображения на мобильных устройствах. Главное меню блога было очень скучное и без выпадающих ячеек, по-этому заменили его на свое, которое взяли из нашего урока по добавлению главного меню для блогов на платформе blogger. Вышло лучше некуда. Туда же влепили поисковое окошко, вернее значок лупы при нажатии на которую появляется само окно в разных версиях шаблона оно отображается по другому. В этом шаблоне есть два новостных виджета которые отображают сообщения в зависимости от заданного ярлыка - это слайдер под главным меню и в правом сайдбаре виджет подписанный, как Главное. Сообщениям на главной странице задали скажем так анимацию или трюк называйте, как хотите, при наведении мыши они подскакивают, а после того, как ее убрать сообщения возвращаются в исходное положение. Ниже нами была добавлена постраничная навигация. В непрозрачной версии шаблона мы добавили свои ярлыки, каждый ярлык обладает своим цветом это можно заметить после наведения на них курсора мыши. В прозрачной версии немного изменили оглавления виджетов в правом сайдбаре. Были убраны стандартные шрифты и кнопки социальных сетей. Добавили чудесную фоновую картинку. В бесплатной версии шаблона выше описанного нет.

Демо- Square
Демо - Square transparent
Скачать бесплатную версию
Приобрести шаблон полная SEO версия

Madone шаблон для blogger на русском.





Ну что, мы обновляемся. Здравствуйте друзья вот и пришло время для знакомства с очередным шаблоном blogger. Мы долго думали, какой образец взять в раскрутку на этот раз и сошлись на этом замечательном шаблоне, поскольку не много у нас вариантов для нашего слабого пола, хотя в конечном итоге получилось сделать такой себе унишаблон и для слабого и для сильного пола. На вкус и цвет товарищей нет, но мы надеемся, что цвет и вкус нашего шаблона овладеет разумом многих блогеров). Интересно, что в переводе с английского Mad one означает безумец, но глядя на наш шаблон мы бы так не сказали, наоборот его дизайн успокаивает. Не знаем, что этим названием хотел сказать его создатель, но вот, что он говорит о своем творении в целом. Madone - это чистый, элегантный и красивый шаблон для blogger, создан для того чтобы пользователи могли с удовольствием делиться своими историями и рассказами. Его лучшие качества это простота и гибкость. Madone современный шаблон, который демонстрирует вашу содержание ваших работ с абсолютной ясностью. Он хорошо подойдет под такие тематики сайтов и блогов, как портфолио, новостные и информационные, интерьер, автомобили, природа, отдых, игры, бизнес, учеба, сельское хозяйство и т.д.

Теперь посмотрим, как функционирует наш шаблон и что в нем есть и что добавилось. Многие уже смогли рассмотреть в нем два колонки по центру сообщения блога, правый сайдбар и три панели для гаджетов внизу блога. В самом вверху блога находится главное меню имеющее выпадающие ячейки, цвет которых мы немного изменили при наведении мыши они становятся белыми. Правее от меню мы добавили поисковое окошко, которого не было в нашем шаблоне. Ниже встроен слайдер новостей, в не настроенном виде отображает последние сообщения блога, после настройки показывает сообщения в зависимости от заданного ярлыка. Так же в своем изначальном виде картинки слайдера были разного размера, эта мы так же исправили. Стрелки слайдера влево и вправо дополнили двумя цветами.  Радует глаз посетителей только на главной странице блога. Переходим к сообщениям блога, здесь картинки так же отображались по своему хотению одна больше, другая меньше, им было задано общий формат. Оглавления сообщений получили новый шрифт и цвет, так же, как и кнопка read more - читать дальше. Постраничная навигация обзавелась новым цветом, наведите свою мышку и сами увидите. Уже в привычку входит для нас корректировка внешнего вида ярлыков в правом сайдбаре. В постах были поменяны кнопки социальных сетей и добавлен виджет похожих новостей. При внедрении фонового изображения блога пришлось поиграться чуть ли не со всеми составляющими шаблона, чтобы задать ему идеального вида. Нужно было склеить между собой колонтитулы блога, комментарии, постраничную навигацию и виджет похожих новостей и в конце установить для всех одинаковую длину. Кнопка вверх какой была такой и осталась.

Минусы бесплатного шаблона:
- нет поискового окна;
- слайдер настроен по стандарту (картинки исправлены);
- кнопки соцсетей стандартные;
- нет виджета похожих новостей;
- стандартный вид элементов описанных в обзоре;
- наша ссылка внизу блога;

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

Демо
Приобрести шаблон

Стоит ли покупать шаблоны для сайтов в Envato


Доброго времени суток! Сегодня у нас несколько необычная тема, она конечно же касается шаблонов и в частности шаблонов для blogger ведь именно их мы продвигаем на своем сайте. Так вот, есть в сети такая крупная интернет-компания называется она Envato.

Направление этой компании идет на продажу интернет контента связанного с сайтами. К примеру там можно приобрести шаблоны для blogger, wordpress и других платформ. И сегодня у нас созрел такой вопрос, а стоит ли покупать там шаблоны, ну вот для платформы Blogger? Просто другие мы не рассматривали. Конечно там шаблоны для blogger можно прикупить за сравнительно небольшие деньги, если сравнивать с wordpress, так как цена на шаблоны для последней платформы стоит на отметке в 50 и выше долларов, тогда, как на шаблоны блоггер это 19-21 доллар за одну штуку. Есть конечно в сети сайты предлагающие весьма неплохие шаблоны под нашу любимую блоггеровскую платформу стоимостью от 6 до 30 долларов. А знаете, что самое интересное, как бы это сказать, пускай будет печальное, так вот самое печальное, что ни один из этих продавцов включая Envato не имеет в своем наличии действительно хороших шаблонов. Есть много факторов, которые поисковики учитывают в деятельности шаблона, хотя в принципе не так и много. Главное это изначально настроить сео оптимизацию, речь идет о тех элементах, которые настраиваются вначале и навсегда, но не во всех премиум шаблонах это делается, в Envato мы это не проверяли, возможно там с этим все в порядке, но в других сервисах можно найти такие недостатки. Едем дальше, не мало важную роль для шаблонов играет скорость их производительности, то есть скорость загрузки сайта - блога. Этого не так легко добиться, но все же можно, если захотеть. Такие вялые шаблоны встречаются во всех магазинах включая Envato. Но хрен с ним с невидимым, хотя этого никак нельзя упускать, как быть с видимыми элементами шаблона. К примеру на Envato мы приметили один довольно хороший шаблон, называется он MagOne. Как мы его не просматривали, вроде бы все на месте, все играет, как положено. Ребята, мы такого шаблона давно не видели, он реально хорош... мог бы быть, пока мы не перешли на его постраничную навигацию. Заметьте цена шаблона 21 доллар, и компания Envato взялась его продавать. Так вот, когда вы просматриваете посты по постраничной навигации и к примеру с первой страницы перешли уже на вторую, посмотрели, что есть на ней и захотели вернуться обратно на первую, но обратно вы уже не вернетесь при помощи клавиши на клавиатуре backspace или стрелки назад в браузере (хочу заметить, что большинство только так и просматривает сайты - блоги), можно вернуться на первую страницу только с помощью мышки, кликнув по постраничной навигации, к тому же, если вы будете много раз нажимать стрелку назад в браузере или backspace вас перебросит на главную страницу сайта. Это мы проверяли на двух браузерах, Mozilla Firefox и Google Chrome и там и там результат один и тот же. И вот, какой пользователь после такого захочет еще раз зайти на ваш сайт пускай там хоть даже медом намазано? И самое главное, что такая компания, как Envato не проверила качество шаблона, который она на данный момент продает. К этому посту мы добавим видео подтверждения наших слов, к тому же вы и сами можете это проверить. В общем вы сами можете решить стоит ли покупать шаблоны для сайтов - блогов в Envato, главное перед покупкой внимательно проверьте все составные этого шаблона.