28.1.09

Blogger: О ярлыках опять - Облако тегов!

68 comments


Я тучка, тучка, тучка.
Я вовсе не медведь.
Ах как приятно тучке,
по небу лететь...
(Подписи к картинкам учимся делать здесь:
Blogger: Картинка с подписью!)
Облако тэгов или куча ярлыков!

Всем доброго времени суток! В субботу дальше Киевского вокзала мне ехать не пришлось, так что на радостях в воскресенье я взялась за написание очередной давно обещанной Скеггльёльд (Трудовые серые будни Скеггльёльд) статьи об Облаке тегов и наверное во вторник мне удастся её опубликовать.

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

Пожалуй, пора переходить от лирического отступления к делу, а то так и до вторника можно будет не управится. Прежде всего алгоритм образования облака тегов взят мной из этой статьи: Setup and configuration for New Blogger Tag Cloud / Label Cloud.

Начинаем. Чтобы получить это облако тэгов (кучу ярлыков) Прежде всего нам надо завести эти самые ярлыки. Стоит ли их вообще использовать каждый решает для себя сам. В общем, ярлыки - неплохой инструмент показать читателю на какие темы еще он сможет найти информацию у вас в блоге. А облако тегов на боковой панеле помогает предъявить читателю все (или все значимые) ярлыки вашего блога в наиболее компактной форме. Как назначать ярлыки я уже писала в предыдущей статье: Blogger: Работа с метками и ярлыками!

Продолжаем. Ярлыки, у всех кто их решил завести, у нас к этому моменту предположим уже есть. Теперь на боковую панель надо добавить гаджет под названием Ярлыки:

Как всегда: Панель инструментов --> Дизайн --> Добавить гаджет
и из списка гаджетов выбираем Ярлыки (Покажите все ярлыки сообщений в своем блоге).

Теперь вся подготовительная работа сделана и можно вносить изменение в HTML-код нашего Шаблона.

Панель инструментов --> Дизайн --> Изменить Html

Как всегда перед началом любых изменений делаем резервную копию нашего шаблона
Blogger: Сохраняем и восстанавливаем шаблон на Blogger(е)!, а иногда не забываем делать и полный бэкап блога: Самый легкий способ сделать бэкап на Blogger'е!

Изменение Html кода будет состоять из трех этапов.

Прежде всего поставьте галочку на Расширить шаблоны виджета:


1) Определение переменных для CSS- описания нашего Облака тегов:

Следующий код вставляем перед ]]></b:skin>

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
2) Определяем переменные для JavaScript Облака тегов:

Следующий код вставляем после ]]></b:skin>
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
Кстати, все переменные потом можно будет подправить...

3) Последний и основной кусок кода.

Теперь ищем вот такую строчку в нашем коде:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Ровно такая может и не найтись пробелом больше - пробелом меньше сами понимаете... основное здесь возможно: id='Label1'

Теперь весь текст начиная с этой или примерно этой строчки
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

и заканчивая строчкой окончания этого виджета: </b:widget>

заменяем на следующий код:
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}


var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>
Теперь нажимаем синенькую кнопочку ПРОСМОТР и если на боковой панеле Список Ярлыков преобразовалсь в Облако, нажимаем оранжевую кнопку СОХРАНИТЬ ШАБЛОН, если Облако не появилось или Blogger сообщает нам об ошибке мы нажимаем УБРАТЬ ИЗМЕНЕНИЯ и пытаемся проделать все манипуляции еще раз.

Извиняюсь перед читатетлями, но далее в этой статье использовать слово ялык, принятое в русскоязычном Blogger'e я не смогу. Я заменю его (чтобы текст далее звучал более по русски) словом раздел.

Две известные причины когда этот скрипт может не заработать:
Если все ваши разделы содержат лишь по одной статье.
Если в названии разделов содержатся апострофы или двойные кавычки.

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

Заходим опять Панель инструментов --> Дизайн --> Изменить Html и внимательно смотрим на переменные добавленные нами на шаге 2).

Вот что они означают:

var cloudMin= 1; - Минимальное количество статей в разделе. С помощью этой переменной вы можете исключить все редко-используемые ярлыки из вашего облака тегов.

var maxFontSize = 20; - Максимальный размер шрифта используемый для Облака тэгов
var minFontSize = 10; - Минимальный размер шрифта используемый для Облака тэгов

var maxColor = [0,0,255]; - Цвет используемый для разделов с максимальным количеством статей
var minColor = [0,0,0]; - Цвет используемый для разделов с минимальным количеством статей

Цвет записываются в виде rgb о цветах мы немного рассуждали здесь: Blogger: Готовим краски для раскраски! Теперь я нашла еще один очень полезный online инструмент для подбора цветов: Color Schemer Online v2. И здесь они приводят номера цветов не только в шестнацатиричной но и в десятичной системе счисления. (Нам для этого скрипта нужны будут номера цветов в десятичной систем - т.е. никаких там A и F в номерах и все что между ними). Я кстати, наконец поменяла номера цветов и у себя в облаке тегов. Вот как оказывается полезно писать статьи! У меня теперь: var maxColor = [255,0,0]; (красный) и var minColor = [255,255,0]; (желтый). Выглядит помоему намного более гармонично, чем дефолтнные минимальный - черный и максимальный - синий.

И последняя переменная

var lcShowCount = false; Может принимать два значения false и true. - Её значение - показывать ли количество статей в разделе рядом с именем ярлыка. Дефолтное значение false (т.е. ложно - т.е. не показывать), можно и показывать, но меня лично устроил показколичества статей по наведению мышки на имя ярлыка.

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

Всем здоровья и удачи!
Света

PS Кому захочется поменять облако тегов на стандартный Blogger'овский гаджет обратно - это легко сделать. Найдите место где вы вставили последний кусок кода и замените его целиком на этот код:
<b:widget id='Label1' locked='false' title='Lables!' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

68 комментариев:

  1. Еще есть Облако, сделанное на флеше. Его можно вращать в разные стороны, смотрится классно и места занимает меньше, ведь многие тэги (простите, разделы!) остаются с обратной стороны.

    ОтветитьУдалить
  2. И кушает гораздо больше трафика у посетителей.

    ОтветитьУдалить
  3. Спасибо большое!
    Много раз пробовала, не получалось... Не знаю, что там не так было. Проделала все то же самое по вашим выложенным кодам, все получилось =)
    Флеш-облако вроде красивее смотрится, но мне что-то кажется оно не удобным. Другое дело, когда все теги перед глазами и не вятянутые в сосиску =))

    ОтветитьУдалить
  4. Александр, доброе время суток!

    Еще есть Облако, сделанное на флеше. - Есть именно такое и было у Скеггльёльд до этой статьи! ;)

    Конечно красиво смотрится - есть много красивых вещей, которыми иожно украсить свой блог... вот только, на некоторые блоги я уже не захожу (к вам это не относится), просто производительности моего компьютера не хватает чтобы загрузить все эти flash-объекты и выполнить javascript'ы. (Об этом, впрочем, я собираюсь написать в ближайшем будущем).

    Кайл одно время устанавливал такое flash-облако тегов на "Windows to Russia" -- потом снес наверное борется за скорость загрузки страницы (что кстати немаловажно для работы поисковых роботов).

    Мое лично мнение, что от одного flash-облака беды большой не случится - так что дело вкуса!

    Удачи и спасибо за комментарий у вас как-то часто получается оставлять первым комментарии! ;)))
    Света

    ОтветитьУдалить
  5. Тебе, Скеггльёльд, спасибо!

    И за вопрос и за терпение! Очень рада, что теперь все получилось! А что до того, что раньше не получалось - может другие люди по-другому объясняли... но я скромно скажу, что наверное, сейчас звезды в нужном порядке на небе расположились - вот и получилось. Чистое совпадение! ;)))

    Удачи во всем!
    Света

    ОтветитьУдалить
  6. Извините что не в тему, но у меня возникла проблема, не знаю что я такого в html коде натворил, но в настройках на вкладке элементы страницы у меня пропали пункты "добавить новый плагин" вот скрин http://s57.radikal.ru/i155/0901/be/fa3d172ddd46.jpg Помогите пожалуйста!!

    ОтветитьУдалить
  7. Доброго времени суток, SlavMix!

    Мы тут с Кайлом посмотрели немного, поэкспериментировали...

    Попробуйте вот что:
    Заходите в Панель навигации --> Макет --> Изменить Html

    Расширять шаблоны виджета НЕ НУЖНО:

    там пытаетесь найти строчку начинающуюся с (она будет почти в конце шаблона)

    <b:section class='sidebar section' id='sidebartop' .... > (многоточия там естественно не будет, а возможно будет что-то еще)

    Если нашли, то все прекрасно (я надеюсь) вставляем в неё (те перед закрывающей скобкой >) следующий дескриптор showaddelement='yes'

    А затем находим еще такую строчку:
    <div class='sidebar section' id='sidebar' ... > и в неё вставляем тот же самый дескриптор: showaddelement='yes'

    Нажимаем СОХРАНИТЬ и смотрим появились ли в нашем макете пункты "Добавить гаджет"

    Удачи и напишите о результатах!
    Света

    ОтветитьУдалить
  8. Здравствуйте. А как поставить на blogger скпипт, позволяющий людям узнавать о новых комментариях, не заходя на сайт. То есть чтобы новые комментарии приходили на электронную почту?

    ОтветитьУдалить
  9. Здравствуйте, Бродячий Проповедник!

    О комментариях я еще только собираюсь писать серию статей. Но на ваш вопрос отвечу прямо сейчас: Разрешите Blogger'у позаботиться об этом. Заходим Панель инструментов -- Настройки -- Комментарии и там меняем "Размещение формы для ввода комментариев" вместо "Всплывающее окно" ставим "Вложенное ниже сообщение" и тогда под формой для ввода комментариев появляется ссвлка от Blogger'а "Подписаться по электронной почте".

    Есть и другие способы, но о них в свое время...

    Удачи!
    Света

    ОтветитьУдалить
  10. Kyle and Svet Keeton, спасибо вам большое) Обалденный у вас блог - давно хотел найти подобный, так как blogger мне нравится как платформа) Самая лучшая платформа для бесплатного ведения блога)

    ОтветитьУдалить
  11. здравствуйте, извините, что не по теме, может подскажете, как сделать чтобы был на основной странице как-бы анонс сначала статьи, а потом было смотри далее.. и открывалась вся статья?

    ОтветитьУдалить
  12. Света и Кайл!
    Спасибо большое за все ваши советы и объяснения!
    Большое и нужное дело вы делаете блоггеров на платформе Blogger.
    Сегодня просматривая англоязычную версию группы " Поддержка Blogger(а)", увидела(и прочла с помощью переводчика) очень много ваших ответов на задаваемые вопросы.
    Нам, русскоязычным блоггерам, очевидно не дождаться открытия отдельной ветки в "официальной русскоязычной группе поддержки" и это очень плохо и обидно.
    Вопрос:
    Света и Кайл, а не планируете ли ВЫ открыть такую неофициальную "группу поддержки Blogger(а), а еще лучше - настоящий форум, с отдельными темами( ну вы понимаете о чем я веду речь)?
    Я думаю и предполагаю, что с посетителями и посещениями в такой(м) группе( а лучше - форуме) у вас не будет. Ибо это очень нужное дело...

    Кто за?????

    ОтветитьУдалить
  13. Спасибо, Бродячий Проповедник!

    Нам тоже Blogger очень нравится, поэтому и взялись вести этот блог! Будем стараться и дальше!

    Ваш блог мне тоже очень понравился - честный, прямой и интересный! Спасибо.

    ОтветитьУдалить
  14. Все в порядке, Бухтелка!

    Я уже многим этот пост пообещала, вот закончу с ярлыками еще пара постов и следующий - ваш! ;)))

    Удачи и очень рада что вы заглянули!
    Света

    ОтветитьУдалить
  15. Прокофьевна, спасибо огромное за добрые слова!

    Вы прост умеете читать мысли - как раз вчера я организовала такую группу на Google Groups Russian Blogger Help Group (по-русски): Группа взаимопомощи русскоговорящих блогеров ведущих блоги на платформе Blogger.

    Дайте мне еще недельку в не все поднастроить и я официально объявлю об её открытии.

    Спасибо огромное комментарий! Так что скоро будем вместе работать -- Вы много знаете и тоже много через что прошли на нашей любимой платформе (Blogger)! ;)

    Света и Кайл

    ОтветитьУдалить
  16. Света и Кайл! Жду с нетерпением! И огромное вам спасибо за такой подарок для блоггеров...
    Я думаю, что все будет отлично!!!!

    ОтветитьУдалить
  17. всё отлично,только какой гаджет выбрать?
    вы написали ярлыки но там при вводе ярлыки ничего не выводится,а если ввести на инглише то некоторые гаджеты(самые лучшие)нарабочие.на другом нужно вручную вводить ссылки и слова в указаные строки.
    я поставил один гаджет но в шаблоне строчку с гаджетом ярлыка так и не шёл.


    других способов поставить это облако нету?штука ведь нужная.

    ОтветитьУдалить
  18. Доброго времени суток, Atom!

    У меня сложилось такое впечатление, что вы в своем блоге еще не начали использовать ярлыки... Т.е. если хотите "облако тегов", давайте сначала эти теги (ярлыки) заведем - тогда и гаджет "Список ярлыков" должен появится.

    Смотрим здесь как добавить ярлыки в статьи: http://blogger4you.blogspot.com/2009/01/blogger-labeles-management-add-and.html

    Удачи!
    Света

    ОтветитьУдалить
  19. да я на другом блоге пробовал,там ярлыков поболее чем здесь.но всё равно глухо.ладно,тут и без ярлыков проблем куча.

    ОтветитьУдалить
  20. Добрый день, Светлана и Кайл! Ваш блог для меня просто находка. Давно хотела сделать облако тегов, но все никак не получалось, а сегодня - все вышло!!!
    Единственная проблема - я так и не поняла, а как в этом облачке мжно увеличить шрифт того или иного тега и раскрасит его в нужный цвет?

    Извините за беспокойство бестолковую блоггершу и если можно, объясните еще раз...

    ОтветитьУдалить
  21. Здравствуйте, Любовь!

    Только хотела ответить (извините, что затянула немного - у меня на написание статьи обычно уходит 2-3 дня и в это время... я только пишу стаью), смотрю в ваш блог - а вы уже со всем разобрались!

    У вас в блоге цвета в облаке тегов сейчас изменяются от черного [0, 0, 0]до красного, а я себе сделала от желтого [255,255,0] до красного. Интересно как-нибудь проэксперементировать если менять цвета от синего до красного (там наверное все оттенки лилового и фиолетового появятся).

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

    Напишите, если я чего-то не поняла и у вас еще остались вопросы по Облаку тегов.

    Удачи во всем!
    Света

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

    А Вам - море благодарности! Как мне повезло, что меня выбросило на Ваш теплый берег!
    Удивительные вы люди с Кайлом!

    И знаете что еще? Почему-то поисковик по блогу, код которого я у вас утащила к себе, как мышка в норку, дает сбои. Не ищет то, что спрашиваю у него. Вот сегодня, с Яндекса был запрошен номер телефона и Яндекс нашел его в моем блоге, а стала я искать - ноль. Также и с другими некотиорыми вещами.
    Потому убрала. А сейчас Вы мне написали, я и вспомнила )))

    Ого, да я Вас закидала вопросами. Покуда остановлюсь, поимею совесть)))

    ОтветитьУдалить
  23. Любовь, доброго времени суток!

    1) Итак меняем "минимальный цвет" ярлыка с черного на синий.

    Заходим Панель инструментов -- Макет -- Изменить Html

    Ищем в коде строчку var minColor = [0,0,0]; и заменяем её на var minColor = [0,0,255];

    Нажимаем Просмотр, и если результат понравился Сохранить.

    2) Про цвет страницы... Я думаю что можно поиграть с этим on-line сервисом и подобрать себе что-нибудь: http://www.colorschemer.com/online.html

    А на этой страничке: http://www.iconico.com/colorpic/index.aspx можно скачать инструмент, который если им ткнуть в какое-нибудь место на вашем экране покажет номер цвета в этой точке.

    А далее меняете цвет как обычно с помощью Blogger'а Настройки -- Макет -- Шрифты и цвета.

    3) А про поиск... я не знаю, не вижу у вас скрипта поиска в блоге. Он на самом деле аналогичен тому поиску, который у вас на Навигационной панеле. Вроде в поиске на Навигационной панеле у меня телефон (24-008) нашелся - значит и в моем скрипте найдется!

    А утаскивать ничего не надо: у меня про поиск статья написана: Поиск в Вашем блоге! :)))

    Так что устанавливайте и потестируем, если хотите ;)


    Удачи во всем!
    Света

    ОтветитьУдалить
  24. Всё вроде обстоятельно и неспеша написанно, но я чёт туплю видимо:
    Как всегда: Панель инструментов --> Макет --> Добавить гаджет и из списка гаджетов выбираем Ярлыки
    Ну нет у меня такого в списке доступных гаджетов. Может как по другому называется, а то я по поиску искал.

    Да, паралельно задам ещё один вопрос: Мне как-то больше нравятся Рубрикаторы блога нежели облака. Если я правильно понимаю, то рубрикатор можно сделать на основе тех же "облачных" тэгов, но если я хочу сделать отдельно тэги (их будет много и отдельно рубрики для навигации по разделам сайта (их будет меньше). Короче говоря нужна подсказка :)
    Заранее Вам благодарен!

    ОтветитьУдалить
  25. Добрый день, Светлана! Вот и поигралась с цветами с Вашей легкой руки ))) Решила пока оставить черное поле...Даже сама не знаю почему.
    Кстати, я зарегилась на http://www.statcounter.com/ , но как и где получить код - так и не нашла. К сожалению, я не знаю английского, а с переводчиком не все, наверное, понимаю.

    Счетчик установила, спасибо. Если можно протестировать, была бы благодарна. Например, имя Насонов он находит, а имя Уманец - нет, телефон 498 602-06-31 он не видит, хотя по запросу Яндекса посетитель пришел на мой блог. Вот такие дела.
    Спасибо Вам за возню со мной. Я очень высоко это ценю, так как мало людей, которые не жалеют своего время на чайников и не устают им объяснять одно и то же.
    Это редкие люди, наверное, прирожденные педагоги.

    ОтветитьУдалить
  26. ага... Облако сделать получилось... Теперь немешало бы его упорядочить до вида Рубрикатора и чтобы показывалось сколько раз был использован тот или иной тэг.
    Кстати, а куда делся код виджета из Макета? Его просто перенесло куда-то в отдельный модуль? т.е. стили под него остались в макете, а сам виджет пропал. Отсюда вопрос: Как теперь вносить изменения в код виджета?

    ОтветитьУдалить
  27. Доброго времени суток, Tehnomag77!

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

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

    var lcShowCount = false;

    на

    var lcShowCount = true;

    ...Кстати, а куда делся код виджета из Макета? - Да собственно мы его в шаблоне и заменили... на вот это самое облако тегов. (Если надо, то могу привести код виджета который был до этого?)

    Отсюда вопрос: Как теперь вносить изменения в код виджета? - Стандартный виджет Ярлыки имеет только один параметр: способ сортировки и этот параметр можно менять в независимости от того стандартный ли у вас список ярлыков или вы используете облако тегов. А все остальные вещи - размеры, цвета, шрифты, отступы меняем в Html-коде нашего шаблона.

    Удачи, если что не понятно - спрашивайте!
    Света

    ОтветитьУдалить
  28. Любовь, доброго времени суток!

    Действительно, очень интересно, что "Уманец" не находится, ни через навигационную панель (ни естественно, через форму, описанную мной - потому что это одно и тоже), может через несколько дней и будет находить произойдет какая-нибудь переиндексация внутри блога и кто знает...)

    Рекомендую попробовать еще один вид поиска внутри блога. Идете http://draft.blogger.com и там среди добавить гаджеты появился новый гаджет "Поиск в этом блоге" (я точно не посмотрела как они по-русски его называют, но увидите). Добавьте его и поэксперементируйте.

    Удачи!
    Света
    PS Про statcounter.com - давайте немного попозже, я про него статью с картинками напишу!

    ОтветитьУдалить
  29. Спасибо огромное!!! Все работает! Сижу играюсь с подбором цветов ))

    ОтветитьУдалить
  30. Обыскала все, но так и не нашла...

    ОтветитьУдалить
  31. Любовь, вижу - уже нашла! ;)

    А скрипт с переводчиком можно выравнять по центру для этого перед ним нужно поставить тег <center> а в конце скрипта - переводчика </center>

    Удачи!
    Света

    ОтветитьУдалить
  32. Вам спасибо, Zefir!

    Хорошо, что работает! А цвета - это вообще самое вкусное ;).

    Света

    ОтветитьУдалить
  33. здравствуйте,я у вас уже спашивал по поводу ярлыков и вот что хотел бы спросить:
    вы не знаете как сделать кликабельную картинку?

    спасибо.

    ОтветитьУдалить
  34. Здравствуйте, Atom!

    Кликабельная картинка:
    <a href="http://адрес большой картинки или место куда вы хотите послать читателя"><img src="http://адрес маленнькой картинки для блога"/></a>

    О ссылках можно подробнее почитать здесь:
    http://blogger4you.blogspot.com/2008/09/blogger-html-links.html

    Удачи!
    Света

    ОтветитьУдалить
  35. я сделал так,вставил в первую строчку адрес куда хочу чтобы перенаправляло пользователя а в другую строчку адрес маленькой картинки.
    переправлять переправляет но картинки не видно.
    адрес для картинки я взял из кода.короче,я захостил в одном сообщении маленькую картинку,скопировал оттуда её адрес и вставил на место адреса для маленькой картинки.
    надеюсь поняли что я объясняю)))короче я не понял откуда брать адрес ссылки картинки?

    я знаком с тэгами но тут на блогспоте они немного другие.

    скажите,а вордпресс тоже есть такие навороты или это только на блогспоте?

    ОтветитьУдалить
  36. Здравствуйте, Атом!

    Html он везде тот же самый что на блогспоте, что на вордпрессе, что на Народе.Ру

    Когда загружаешь картинку они (в Блоггере) конечно много своих "красивостей" в стили добавляют, что затрудняет чтение кода.

    Адрес картинки, в коде статьи стоит после src= в кавычках.А еще можно правой кнопкой мыши на картинку кликнуть и выбрать "View Image" и в адресной строке будет адрес картинки (это, впрочем от браузера зависит).

    Удачи!
    Спрашивайте если что..

    Света
    PS А еще можете в эту статью заглянуть:
    http://blogger4you.blogspot.com/2008/09/pictures-and-blogger.html

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

    спасибо.

    ОтветитьУдалить
  38. Возможно, Атом!

    Сразу после <body>

    Поставьте контэйнер <div> </div> и внутрь этого контейнера положите вашу ссылку-картинку с флагом. Но это все равно получится ниже Навигационной панели, которую впрочем можно спрятать.

    А можно и на боковой панеле флаги разместить...

    Удачи!
    Света

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

    ОтветитьУдалить
  40. Здравствуйте Светлана.
    Вам большая благодарочка за Ваш энтузиазм и творчество.
    Вопрос следующий если можно: Ярлыки установил согласно тексту выше все o.k. ++++
    Только вот новые сообщения появляются на основной страничке, а я хочу давая им ярлыки что бы они прятались а основной текст оставался на главной странице.
    Еще раз спасибо большое)

    ОтветитьУдалить
  41. Светлана, спасибо огромное! Облако тегов получилось, только я хочу назвать его не Label Cloud, а "Рубрики". Подскажите, пожалуйста, что и где нужно поменять.

    ОтветитьУдалить
  42. Марина, здравствуйте!

    Переименовать легко. Откройте на редактирование гаджет, который у вас называется "Label Cloud" и назовите его "Рубрики".

    Пишите, если не получится.
    Удачи!
    Света

    ОтветитьУдалить
  43. Спасибо вам. Действительно классная вещь. А то по стандартному как-то не очень красиво.

    ОтветитьУдалить
  44. Благодарю за пост, все сделал и себе добавил.
    Цвета подобрал с помощью фотошопа.

    Теперь думаю, как сделать, чтобы ярлыки были отсортированы не по частоте, а по алфавиту? Поможете?

    ОтветитьУдалить
  45. Да, это очень просто, digital-drawings!

    Заходим в Макет блога - нажимаем на Редактировать на вашем гаджете "Облако тегов" и там есть парамет: Сортировать: можно выбрать По алфавиту или По частоте.

    Может на русском - там используются не совсем такие слова, но смысл примерно такой.

    Удачи во всем!
    Света

    ОтветитьУдалить
  46. всё, сделал. Благодарю, Света :)

    Да.. похоже думать надо меньше) Отчего-то считал, что раз "облако" добавили самостоятельно, то там такого пункта не будет.

    ОтветитьУдалить
  47. Света, расскажите, пожалуйста, как сделать так, чтобы при наведении курсора на ссылку, она переливалась разными цветами.

    ОтветитьУдалить
  48. Здравствуйте, Анонимный комментатор.

    Про радужные ссылки можно прочитать здесь: Blogger: Радужные ссылки!

    ОтветитьУдалить
  49. Большое спасибо за подробное описание, все получилось с первого раза. Не получается только поменять цвета, когда ввожу другие значения, облако тегов пропадает. Ваши желтый и красный ввела - получилось, свои номера цветов ввожу - не выходит. Вроде все подбираю по палитре, как нужно. Буду благодарна за совет!

    ОтветитьУдалить
  50. Здравствуйте, Виктория!

    Пришлите, пожалуйста, мне на email как вы меняете цвета и у нас с вами все заработает ;).

    Удачи во всем!
    Света

    ОтветитьУдалить
  51. zdravstvuite skajite pojaluista kak vi stavite html kodi vot tak chto ix mojno potom skopirovat, kak u vas v etom poste, ochen jdu otvet, spasibo zaraneee

    ОтветитьУдалить
  52. Про включение Html-тегов в статьи можно прочитать здесь: http://blogger4you.blogspot.com/2008/11/blogger-html-kod-v-vashej-state.html

    Удачи во всем!
    Света

    ОтветитьУдалить
  53. Светлана возможно вы подскажете, обыскался вот таким виджетом "разделы" как на russwebshablon.blogspot.com
    С самого начал такой ищу. Перерыл инет нигде нет..
    Писал и автору и знакомым блогерам. никто не встречал...Буду очень признателен если сможете помочь!!!

    ОтветитьУдалить
  54. Здравствуйте, Света! Я всё сделала по Вашему совету, получилось. Спасибо! Теперь у меня вопрос: а нельзя ли сделать на блоге ДВА облака тэгов? Ну, очень нужно!

    Заранее спасибо за помощь.

    С уважением, Марина

    ОтветитьУдалить
  55. Admin, здравствуйте!

    Я думаю, что два облака тегов вам никто не помешает сделать. Добавляете на вкладке Дизайн еще один гаджет Ярлыки и перетаскиваете его куда хотите. Кстати, заметьте, что теперь САМ Blogger готов для вас сделать Облако тегов, причем вы даже может выбрать какие ярлыки туда включать и есть там еще некоторые настройки, вот чего там не - это настройки цветов. Если цвета для вас не очень важны, то рашение Blogger'а для вас оптимально, т.к. оно родное. А если вам нравится именно этот дизайн, описанный в данном посте, то после добавления еще одного гаджета "Ярлыки" у вас в Html-коде шаблона появится виджет с id='Label2' проделайте для него все что описано в пункте 3).

    И это должно работать только во второй раз поменяйте в коде Label1 на Label2.

    Удачи во всем!
    Света

    ОтветитьУдалить
  56. Большое спасибо! Много полезного на Вашем сайте. Облачко получилось, только с цветами проблема. Спасибо!

    ОтветитьУдалить
  57. Пытаюсь делать блог на блогспоте. Сделал 3 статьи - не могу понять, как привязать статью к рубрике???? Если вам не сложно, зайдите ко мне, мне сложно тут описать весь вопрос. Я попытался дублировать рубрики кнопками вверху - выглядят как кнопки страницы. Но теперь не могу понять, как добавлять статьи именно в мои рубрики? У вас полазил, описания проблемы не нашел. Может, что подскажите.Спасибо.

    ОтветитьУдалить
  58. Спасибо огромное человеческое!

    ОтветитьУдалить
  59. Спасибо большое за эту статью и за Ваш блог в целом!
    Все получилось с первого раза :)

    ОтветитьУдалить
  60. Добрый день, Светлана! Я к Вам за помощью: установила новый (родной) шаблон, но обнаружила, что под статьями не отражаются ярлыки как таковые. В Параметрах Страницы сообщения отмечено всё, что надо: карандаш, комментарии, ярлыки, действия и т.п. Но кроме карандаша и комментариев ни-че-го не появляется. Что делать? Спасибо...

    ОтветитьУдалить
  61. Извините, я уже всё сделала сама - просто переустановила шаблон.

    ОтветитьУдалить
  62. Здравствуйте, Светлана!

    Я несколько раз переделывала, делала в точности как написано, но не чего не выходит.
    Вот что выдаёт:
    http://i017.radikal.ru/1107/a4/18fb5d23fc5c.jpg

    ОтветитьУдалить
  63. Здравствуйте, Света. Ваш вариант кода "Облака тегов" оказался, как всегда, самым точным и симпатичным. Облако получилось у меня хорошее (не куча-мала), в результате я пришла к выводу, что именно такое оформление гаджета "Ярлыки" удобнее и привлекательнее, чем построчное.

    ОтветитьУдалить
  64. Большое спасибо! Все получилось!!!!!!!!!!!!

    ОтветитьУдалить

Популярные сообщения