Onur's.Org - Güncel Blog

Wordpress'te WP Cumulus eklentisi ile yapılabilen flash animasyonlu etiket bulutunu artık blogger'da da yapabilmek mümkün. Bloggerbuster yazarı Amanda'nın hazırladığı bu görünümü oldukça şık etiket bulutunun ismi Blogumus. Size kurulumunu anlatmadan önce widgeti kendim kurdum, sorunsuz çalışıyor, kurulumu ise oldukça basit:

1) Yerleşim'den Html'yi düzenleye tıklayın. Oradan Widget şablonlarını genişlet seçeneğini işaretleyin.
2)Kodların içinde <b:section class='sidebar' id='sidebar' preferred='yes'> yazan yeri bulun ve hemen altına aşağıdaki kodu ekleyin:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if
cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script
src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'
type='text/javascript'/>
<div
id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a></div>
<script
type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable
transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop
values='data:labels' var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

3) Şablonu kaydete tıklayarak değişiklikleri kaydedin. Hepsi bu kadar!

Ayarlar

Etiket bulutunun genişliği 240px, yüksekliği 300px, arkaplan rengi beyaz, yazı rengi gri ve boyutu 12 olarak ayarlanmış. Siz isterseniz kodun içinden bu ayarları kendi blogunuza göre değiştirebilirsiniz.

Yükseklik ve genişliği değiştirmek için kodun içinden aşağıdaki kısmı bulup 240 ve 300 rakamlarını kendinize göre değiştirmeniz gerekiyor. Arka plan rengini değiştirmek için ise #ffffff yazan yeri değiştirmeniz yeterli.

var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");