Label Cloud for Blogpspot

След като смених темата на блога си, реших да подобря и начина, по които се показват етикетите в него.

След кратко търсене в гоогле, открих как да ги накарам да се показват в облаче, cloud, тоест най-популярните да са с удебелен шрифт.

Пробвах няколко кода, повечето базирани на този пост

Само, че ми даваха досадни грешки...

Затова открих един леко тунингован и по-къс вариант на кода тук

Та ето как става...


Отивате да "Редактирате на HTML кода", и избирате: "" като преди това, трябва да сте поставили вече от "Елементи на страницата" елемента "Етикети" и да имате поне един етикет в публикациите си.

Та, редактирате си HTML кода и като намерите този ред, под него триете всичко, което се отнася до този widget и подменята с долния код.

Препоръчвам Ви да не променята първият ред, защото title='' всъщност е заглавието което сте дали на етикетите си (таговете).
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

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

<div class='widget-content'>
<div id='LabelDisplay'>
</div>
</div>

<script language='javascript' type='text/javascript'>
function zoomStyle() {
var max = 0;
var min = 10000;
<b:loop values='data:labels' var='label'>
if (<data:label.count/> &gt; max)
max = <data:label.count/>;
if (<data:label.count/> &lt; min)
min = <data:label.count/>;
</b:loop>
var display = &quot;";
<b:loop values='data:labels' var='label'>
var delta = <data:label.count/> - min;
var size = 80 + (delta * 100) / (max - min);
display = display + &quot;<span style='font-size:" + size + "%'><a expr:href='data:label.url + "?max-results=100"' style='text-decoration:none;'><data:label.name/></a></span> &quot;;
</b:loop>

obj = document.getElementById(&#39;LabelDisplay&#39;);
obj.innerHTML = display;
}


zoomStyle();
</script>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
След като копирате кода, може да датете на "Визуализация" за да видите промените преди да ги одобрите, не се изискват никакви настройки по цветовата гама и големината на текста, после може да променята и пренареждате етикетите от стандартносто меню.




Posted in Етикети: , , |

4 коментара:

  1. Peb Says:

    Браво за поста! при все че съм руса се справих сама с поставянето на облаче и ня моя блог! :)

  2. Свилен Иванов Says:

    И аз благодаря! Само искам да попитам това възможно ли е да влияе отрицателно върху SEO?

  3. marfi Says:

    Съмнявам се.

  4. di_ani Says:

    И аз благодаря - от раз се получи!
    Чудесен е поста!