.
Roy Tank je napravio takav oblak za platformu WordPress. Amanda Fazani ga je prilagodila za Blogger. Međutim, takav oblak nije zadovoljio moje želje, pa sam malo pregledala da li su ga Rusi prilagodili (pošto to obično rade). I evo ga - ruski programer Minimus ga je doradio i nazvao b-cumulus.
Dodavanje u blog:
Dodajte gadžet Ознаке (pogledajte: Dodavanje gadžeta u stranicu). Ne morate u njemu ništa podešavati – samo ga dodajte. Da bi olakšali dalji rad, predlažem vam da ga prevučete u šemi stranice na sam kraj (skroz dole desno) i kliknite na dugme: Сачувај (pri vrhu strane):
<b:widget id='Label2' locked='false' title='Ознаке' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<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>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<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>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Ceo taj kod izbrišite, a umesto njega stavite ovaj (ne obraćajte pažnju na različite boje, to sam obojila zbog objašnjenja koje sledi ispod):
<b:widget id='Label99' locked='false' title='Облак тагова' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js' type='text/javascript'/>
<script type='text/javascript'>
var flashvars = {
mode: "tags",
minFontSize: "8",
maxFontSize: "16",
showTagWeight: "true",
tcolor: "0xFF8D14",
tcolor2: "0x21A6FF",
hicolor: "0xff0000",
distr: "distr",
tspeed: "150",
tagcloud: "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count'><data:label.name/></a></b:loop></tags>"
};
var params = {
//wmode: "transparent",
bgcolor: "#ffffff",
allowscriptaccess: "always"
};
var attributes = {
id: "b-cumulus",
name: "tagcloud"
};
swfobject.embedSWF("http://housecompiler.ucoz.com/tagcloud.swf", "b-cumulus", "220", "250", "9.0.0", false, flashvars, params, attributes);
</script>
<div id='b-cumulus'>
<a href='http://www.adobe.com/go/getflashplayer'>
<img alt='Get Adobe Flash player' src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif'/>
</a>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
U kodu oblaka koriste se dva elementa koja treba da stoje na nekom hostu: swfobject.js i tagcloud.swf.
U kodu iznad oni su smešteni na neke hostove, ali ne znam do kog momenta će to trajati. Bolja varijanta je da ih sami postavite na vaš host (ako ga nemate, koristite za početak sve kako je dato u kodu, a kasnije se pobrinite za to). U svakom slučaju, preuzmite taj paket da ga imate u svom računaru.
Preuzeti paket podrške vidžeta b-cumulus (swfobject.js, tagcloud.swf):
Flash оblak oznaka za Blogger-blog. Lokalizovano. Dopunska funkcionalnost.
Parametri
Nađite sledeći deo u kodu:
swfobject.embedSWF("http://FILE_HOST_NAME/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes);
FILE_HOST_NAME ( u gornjem kodu: housecompiler.ucoz.com) – Zamenite na host vaše kopije tagcloud.swf (koju ste preuzeli u paketu podrške), kada je budete negde postavili
«220″ – širina vidžeta u pikselima; zamenite na željenu (300)
«250″ – visina vidžeta u pikselima; zamenite na željenu
Plavom bojom, na krajevima, obeležene su veličine koje sam ja stavila za oblak u mom blogu.
Nađite ove parametre, u žuto obojenom delu koda, i zamenite prema vašem ukusu (kako se određuju boje pisala sam ovde):
flashvars.minFontSize = «8«; – minimalna veličina fonta za oznaku (8)
flashvars.maxFontSize = «16«; – maksimalna veličina fonta za oznaku (22)
flashvars.showTagWeight = «true»; – pokazivati „težinu“ oznake kada se na nju stane kursorom
flashvars.tcolor = «0xFF8D14«; – boja oznake sa najmanjom „težinom“ (0xffffff)
flashvars.tcolor2 = «0x21A6FF«; – boja oznake sa najvećom „težinom“. Za ostale oznake biće izabrana neka boja koja se nalazi između te dve boje. (0x0be4f8)
flashvars.hicolor = «0xff0000«; – boja oznake pod kursorom, kada se kursor navede na oznaku (0xffffff)
flashvars.tspeed = «150«; – brzina okretanja oblaka (100)
//params.wmode = «transparent«; – prozračnost pozadine
params.bgcolor = «#ffffff«; – boja pozadine (obratite pažnju da se ona zadaje kroz # , a ne 0x) (#333333)
Kad podesite sve što želite, kliknite na dugme ispod da sačuvate šablon i idite da vidite kako izgleda u blogu. Možete se vratiti i promeniti nešto, ako vam se ne dopada.
Kad budete zadovoljni izmenama, na stranici: Дизајн>>Елементи странице, prevucite gadžet na željeno mesto. Gadžet možete prevlačiti po stranici kako želite i sva podešavanja će ostati sačuvana. Ali, ako ga budete potpuno udaljili, pri ponovnom postavljanju moraćete raditi sva podešavanja ponovo.
Još lakši način dodavanja oblačića možete pogledati u članku Animirani oblačić tagova za Blogger.
.
0 коментара :
Постави коментар