Показаны сообщения с ярлыком Украшения блога. Показать все сообщения
Показаны сообщения с ярлыком Украшения блога. Показать все сообщения

суббота, 18 февраля 2017 г.

Оценка поста

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

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

Осуществим задумку мы в несколько абсолютно не энергозатратных действий. И, как всегда, для нашего блога от Blogger. Данный гаджет оценки статей подходит больше для нестандартных шаблонов, в большинстве которых отсутствует родной рейтинг от Blogger.

Для начала в административной панели заходим в раздел "Дизайн". Далее переходим во вкладку "Изменить HTML". Следующим действием с помощью CTRL+F находим в шаблоне блога:

<p class='post-footer-line post-footer-line-1'>
При отсутствии онного отрезка кода, ищем:
<div class=''post-footer-line post-footer-line-1'>
После любой из найденных строк вставляем следующий код, виновника сегодняшнего "звездного" поста:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='star-ratings'> <b:if cond='data:top.showStars'> <div 
expr:g:background-color='data:backgroundColor' expr:g:text- 
color='data:textColor' expr:g:url='data:post.absoluteUrl' 
g:height='42' g:type='RatingPanel' g:width='180'/> </b:if> </span>
</b:if>
Следующим действием снова ищем строку в шаблоне:
<b:include name='nextprev'/>
После нее сразу вписываем:
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
Отмучившись, сохраняем шаблон и пробуем обнаружить заветные звездочки в конце статей.
Хочу сказать, что сей гаджет, все-таки будем так называть его в целом, ведет себя достаточно своеобразно. У меня он заработал на тестовом блоге, а вот на другом - постеснялся показаться. Быть может, у вас его судьба сложится удачно.

четверг, 16 февраля 2017 г.

Убираем надпись "Технологии Blogger" внизу шаблона

Многих из моих читателей раздражает неотключаемая надпись "Технологии Blogger", притаившаяся в самом низу блога. И действительно, бывает, эта надпись абсолютно не вписывается в концепцию блога, в его дизайн. Или же, создашь блог на Blogger (Blogspot), но не хочешь, чтобы посетители знали, на какой платформе он построен. А для этого всего-то нужно три вещи: купить для него доменное имя, убрать навигационную панель вверху и упоминание о технологиях Blogger внизу. Про отключение навигационной панели я уже писал, про доменное имя мы еще поговорим в одной из следующих статей, а вот с "Технологиями Blogger" разберемся сейчас!

Итак, самый простой способ убрать эту надпись, это "закомментировать" соответствующий код. Открываем редактор шаблона (Дизайн->Изменить HTML), после чего ищем этот код:
Так будет выглядеть итоговый вариант:
<b:section class='foot' id='footer-3' showaddelement='no'><b:widget id='Attribution1' locked='true' title='' type='Attribution'/></b:section>
 А потом видоизменяем его таким вот образом:

Так будет выглядеть итоговый вариант:


<!-- <b:section class='foot' id='footer-3' showaddelement='no'><b:widget id='Attribution1' locked='true' title='' type='Attribution'/></b:section> -->

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

Логотип Blogger

Теперь поговорим о более сложном способе. Вы спросите, а зачем он нужен? Объясняю: первый способ удаляет всю служебную строку внизу экрана. А если вам хочется избавиться только от приставки "Технологии Blogger" но оставить свои копирайты, типа "© 2011-2012 sunctorus. Все права защищены", то тут нужно идти другим путем!

Открываем редактор шаблона (Дизайн->Изменить HTML), ставим галочку напротив "Расширить шаблоны виджета", после чего ищем строку type='HTML'. Строка в шаблоне может встречаться несколько раз, в зависимости от того, сколько у вас задействовано виджетов формата HTML/JavaScript. Так вот, просматриваем все эти строки и подмечаем в каждой, чему равен параметр id. Он будет иметь вид id='HTML<цифра>'. Наша задача найти такой id с самой большой цифрой и запомнить эту цифру.

Запомнили? Теперь целиком копируем в буфер любой из виджетов, имеющих type='HTML'. Скопированное в буфер будет выглядеть примерно так:

Так будет выглядеть итоговый вариант:


<b:widget id='HTML2' locked='false' title='Поиск по блогу' type='HTML'><b:includable id='main'>  <!-- only display title if it's non-empty -->  <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2>  </b:if>  <div class='widget-content'>    <data:content/>  </div>
  <b:include name='quickedit'/></b:includable></b:widget>

 А теперь заменяем этими строками код виджета, имеющего type='Attribution':

Так будет выглядеть итоговый вариант:


<b:widget id='Attribution1' locked='true' title='' type='Attribution'><b:includable id='main'>    <b:if cond='data:feedbackSurveyLink'>      <div class='mobile-survey-link' style='text-align: center;'>        <data:feedbackSurveyLink/>      </div>    </b:if>
    <div class='widget-content' style='text-align: center;'>      <b:if cond='data:attribution != ""'>       <data:attribution/>      </b:if>    </div>
    <b:include name='quickedit'/>  </b:includable></b:widget>

 В уже замененном коде обращаем внимание на первую строку. Помните, мы запоминали циферку? Так вот, меняем в этой строке имеющуюся цифру на ту, что старше запомненной нами на единицу. То есть, если мы запомнили 3, то пишем id='HTML4'. Плюс, не забудьте очистить параметр title. Так, если было title='Поиск по блогу' то должно стать title=''.

Ну и, для центрирования текста, который будет опубликован при помощи этого виджета, строку <div class='widget-content'> дополняем до <div class='widget-content' style='text-align: center;'>.

Удаляем надпись "Технологии Blogger"

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

Вот, собственно и все. Теперь мы имеем в "подвале" обычную строку без всяких "Технологии Blogger", которую мы можем править стандартными средствами (Дизайн->Элементы страницы) по собственному усмотрению.