А вот, наконец, долгожданное обновление для панели навигации navbar. Ранее я уже рассказывал как можно убрать панель navbar или автоматически скрывать navbar в Blogspot.

Потому как она может испортить некоторые весьма оригинальные дизайны. Теперь появилась дополнительная причина этого не делать. 27 августа некий Talin программист из команды Blogger представил небольшое обновления для navbar, а именно кнопку Share (в русском переводе это «Открыть доступ»).

Теперь, когда кто-то посещает ваш блог, он сможет нажать на эту кнопку Share (открыть доступ) и поделиться ссылкой на него в своих аккаунтах на Twitter, Facebook или Google Reader. Если при этом посетитель находится на странице с полным отображением статьи, то к опциям добавляется еще и Emial.


Разработчики утверждают, что уже наблюдали несколько удачных применений для данной опции и надеются, что она поможет увеличить количество аудитории в блоге, а также предоставить больше возможностей для распространения своей истории по всему миру. Кстати, каждая ссылка (url), которая распространяется с помощью кнопки Share имеет специфический параметр ?spref=nn, где значения fb=Facebook, tw=Twitter и gr=Google Reader. Так вот, если вы используете Google Analytics, то данная опция поможет вам какое количество трафика вы получаете из каждого из этих источников.

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

Вообще, интересное нововведение, хотя, признаться, кнопка «Открыть доступ» не очень заметная, если сравнивать, например, с google friend connect, которых хорошо привлекает и увеличивает аудиторию блога.

Свершилось! Не прошло и несколько лет, как разработчики доработали свой виджет «Ярлыки», который теперь можно использовать в качестве полноценного облака тегов. Данное эпохальное (без преуменьшения) событие произошло во-первых, благодаря пользователям системы, которые в апреле высказались и добавили в список желаемых функций большую гибкость для виджета. Во-вторых, следует отметить труд программиста Блоггера Wiktor Gworek из Кракова (Польши), который, как я понял, все это организовал и воплотил в реальность. Итак, теперь список тегов дополнен двумя новыми фишками.

1. Облако тегов

Раньше виджет, который выводил все метки блога, отображал их одну за другой в виде списка. Теперь в свойствах вы можете указать другой формат вывода – облако тегов. Для этого создаете виджет меток, где будет новая настройка:


После активации вы увидите столь привычный формат облака. Более употребляемые теги будут отображать шрифтом побольше.


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

2. Выбор тегов

Если вы уже давно используете Blogger в качестве платформы для своего блога, то наверняка у вас накопилось так много тегов, что вы уже не знаете что с ними делать. Не хотите отображать их все? – нет проблем! Теперь это сделать проще простого. В настройках виджета ярлыки выбираете вариант «Выбранные ярлыки» (Selected labels), после чего в открывшемся окне вы сможете отметить нужные вам теги.


Кстати, если так подумать подобным образом теперь очень легко формировать меню для блога – нет смысла создавать элемент HTML, куда вручную вставлять код. Можно создать список тегов и выбрать нужные вам метки.

P.S. Постовой. Зацените памятник водопроводчику - вот это я понимаю креатив!
Проверь свою скорость интернета с помощью нашего сервиса.

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

Дебрецен — второй по величине город Венгрии с населением около 200 тысяч человек, дважды за историю страны становившийся ее столицей, он располагается в восточной части Венгрии. Дебрецен по праву может считаться экономическим и культурным центром этого региона. Город оставил глубокий след в истории страны: на протяжении веков он являлся центром кальвинизма в Венгрии, а в 1849 году здесь была провозглашена независимость Венгрии от Австрии.

Я уже писал о том как убрать панель navbar в Blogspot полностью – это легко реализуется с помощью небольших правок в CSS коде шаблона. В принципе, разработчики блоггера не сильно приветствуют это дело, хотя в сети полно примеров шаблонов и работающих проектов, где нет navbar. Подчас он вносит не очень приятное впечатление для определенных Blogger шаблонов - синяя и другие панели уж очень дико смотрится на фоне художественной креативной и большой шапки блога.

Тем не менее, в navbar есть несколько полезных функций – например, поиск по блогу, возможность стать его постоянным читателем или зайти в свою панель управления. Короче говоря, в некоторых случаях она может пригодиться. Но как найти компромисс между функциональностью и красотой? – очень просто.


Для этого понадобится небольшой скрипт или точнее чуть-чуть CSS кода, который позволит автоматически скрывать и показывать панель navbar при наведении на нее мышкой. Итак, заходим в раздел Макет – Изменить HTML. Перед внесением изменений в шаблон сохраним его резервную копию. Далее находим код:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Собственно, он используется для скрытия панели navbar – поэтому его нужно заменить на код ниже. Если вы ничего такого в свой шаблон по умолчанию не добавляли, тогда просто вставляем следующие строки:

#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}

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

P.S. Постовой. Компания предлагает создание корпоративных сайтов - качественно и быстро.
Для вашего дома продажа плитки керамической в Москве

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

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

Notebook

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

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

Источник - очень функциональный шаблон Blogspot с большим числом информационных блоков в сайдбаре - последние, популярные посты, видео контент, рекламные блоки, виджет google friend connect, метки. Сверху находится приветственное сообщение и меню.

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

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

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

P.S. Постовой. Нужны домены, региструйте на nic, выгодные условия.
Сейчас все смотрят фильмы онлайн на специальных сайтах.
Купите радиаторы отопления керми для вашего дома.

Постоянно использую связные посты в своих блогах на Wordpress - для этого там имеется плагин Simple Tags. Вообще он отвечает за работу с тегами, но, кроме того, реализует функциональность связных по тематике постов.

Зачем это нужно? – спросите вы. Все очень просто – во-первых, это отличный способ показать читателю еще интересные публикации в вашем блоге дабы он задержался подольше. Во-вторых, связные посты – дополнительная внутренняя перелинковка для блога, которая может привлечь определенное число низкочастотного трафика из поисковиков. То есть, грубо говоря, related posts – полезная опция для людей и машин (поисковых, разумеется:)

Нашел в сети несколько вариантов для реализации связных сообщений, но остановился на этом. Привлекла простота установки и собственно работоспособность – некоторые коды работать почему-то не захотели. Итак, чтобы добавить связные посты, заходим в меню Макет, выбираем «Изменить HTML», а также ставим галочку в поле расширить шаблоны виджета. Далее находим в шаблоне строку

<data:post.body/>

Она отвечает за вывод сообщений блога. После нее добавляем такой код:

 <b:if cond='data:blog.pageType == "item"'>
  <div class='similiar'>
  <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
  <!-- *****************Related Articles by Labels - Take Two****************** -->

 <!--
  Modified by JackBook.Com to make it easier to use. 
  1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
  2. The current article will also be listed, now it's no more.
  -->

 <div class='widget-content'>
  <h3>Related Posts by Categories</h3>
  <div id='data2007'/><br/><br/>
  <div id='hoctro'>
  Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u>
  </div>
  <script type='text/javascript'>

 var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
  var maxNumberOfPostsPerLabel = 4;
  var maxNumberOfLabels = 10;

 maxNumberOfPostsPerLabel = 100;
  maxNumberOfLabels = 3;

 function listEntries10(json) {
  var ul = document.createElement(&#39;ul&#39;);
  var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? 
  json.feed.entry.length : maxNumberOfPostsPerLabel;
  for (var i = 0; i &lt; maxPosts; i++) {
  var entry = json.feed.entry[i];
  var alturl;

 for (var k = 0; k &lt; entry.link.length; k++) {
  if (entry.link[k].rel == &#39;alternate&#39;) {
  alturl = entry.link[k].href;
  break;
  }
  }
  var li = document.createElement(&#39;li&#39;);
  var a = document.createElement(&#39;a&#39;);
  a.href = alturl;

 if(a.href!=location.href) {
  var txt = document.createTextNode(entry.title.$t); 
  a.appendChild(txt);
  li.appendChild(a);
  ul.appendChild(li); 
  }
  }
  for (var l = 0; l &lt; json.feed.link.length; l++) {
  if (json.feed.link[l].rel == &#39;alternate&#39;) {
  var raw = json.feed.link[l].href;
  var label = raw.substr(homeUrl3.length+13);
  var k;
  for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
  var txt = document.createTextNode(label);
  var h = document.createElement(&#39;b&#39;);
  h.appendChild(txt);
  var div1 = document.createElement(&#39;div&#39;);
  div1.appendChild(h);
  div1.appendChild(ul);
  document.getElementById(&#39;data2007&#39;).appendChild(div1);
  }
  }
  }
  function search10(query, label) {

 var script = document.createElement(&#39;script&#39;);
  script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
  + label +
  &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
  script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
  document.documentElement.firstChild.appendChild(script);
  }

 var labelArray = new Array();
  var numLabel = 0;

 <b:loop values='data:posts' var='post'>
  <b:loop values='data:post.labels' var='label'>
  textLabel = &quot;<data:label.name/>&quot;;
  
  var test = 0;
  for (var i = 0; i &lt; labelArray.length; i++)
  if (labelArray[i] == textLabel) test = 1;
  if (test == 0) { 
  labelArray.push(textLabel);
  var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? 
  labelArray.length : maxNumberOfLabels;
  if (numLabel &lt; maxLabels) {
  search10(homeUrl3, textLabel);
  numLabel++;
  }
  }
  </b:loop>
  </b:loop>
  </script>
  </div>

 </div>
  </b:if>

Если при вставке выдаются ошибки, вы можете посмотреть код в текстовом файле здесь.

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

Первое замечание, которое хотелось бы сказать – если у вас нестандартный шаблон и после поста блога выводится множество различных блоков – голосование, adsense и т.п., то вы можете добавлять код для related posts после них, до, между блоками и как вообще угодно. Можно даже после комментариев разместить.

Момент номер 2. В коде имеются переменные

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

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

maxNumberOfPostsPerLabel = 3;
maxNumberOfLabels = 7;

Здесь для 7 тегов поста будут выбраны по 2 (3 минус 1) связные записи (собственно они зависят от тегов, как вы понимаете). Теоретически максимальное число связных постов может быть 2*7 = 14.

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

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


Поэтому я убрал эту опцию вообще, закомментировав несколько строчек исходного кода:

 var txt = document.createTextNode(label);
  //       var h = document.createElement('b');
  //       h.appendChild(txt);
var div1 = document.createElement('div');
//       div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);

Вроде работает. Если посмотреть в код, там, конечно, есть еще лишние теги некоторые, но править код дальше я уже не рискнул – тем более, что все и так правильно выводится.

P.S. Постовой. Холодильники ведущих производителей в нашем интернет магазине.
Как построить свои форекс стратегии на основе опционов.
Блог для веб-мастера - про заработок в интернете на сайте.