Bumerang - Yazarkafe

Animasyonlu Flash Etiket Bulutu

Animasyonlu Flash Etiket Bulutu

Bloggerda etiketlerinizi liste olarak yayınlama fırsatınız zaten var.Bizde sizlere, az yer kaplayarak blogunuzda daha fazla etiket yayınlama imkanı veren, görsel olarak daha hoş görünen, flash ile hazırlanmış, sürekli dönen animasyonlu etiket bulutunu blogunuza eklemeniz için gerekli olan kodu sizlere vereceğiz.Ortada bir küre olduğu varsayılarak, etiketlerin bu küre etrafında maus hareketleriyle dönmesi sağlanacak şekilde tasarlanmış animasyonlu flash etiket bulutu, başlangıçta wordpress için tasarlanmıştı,şimdi ise  Animasyonlu Flash Etiket Bulutu Eklentisi blogger kullanıcılarının da hizmetinde.
Animasyonlu Flash Etiket Bulutunun Görünümü;
Animasyonlu Flash Etiket Bulutunu blogunuza eklemek için;
1.Adım:Aşşağıdaki kodu kopyalıyoruz.
<b:widget id='Label786' 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://bloggerblogwidgets.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Flash Labels by <a href='http://www.blogokulu.blogspot.com'>Blog Okulu</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://bloggerblogwidgets.googlecode.com/svn/trunk/way2blogging_tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;250&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#FFFFFF&quot;); 
so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x000000&quot;);
so.addVariable(&quot;hicolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
2.Adım:Kumanda Paneli>Şablon>Htmlyi Düzenle>Devam Et yolunu takip edip, widget şablonlarını genişlet kutucuğunu işaretliyoruz.Ctrl+F yardımıyla kodlar içerisinde 'Blog1' kodunu aratıyoruz bulduğumuz kod tam olarak aşşağıdaki gibi olacak.
<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'>
1.adımda kopyaladığımız kodu, bulduğumuz kodun hemen üst tarafına yapıştırıyoruz.Şablonumuzu kaydediyoruz.Blogumuzun Tasarım sayfasına geldiğimizde Labels adlı bir widgetin eklenmiş olduğunu göreceğiz.Labels başlıklı gadgetimizi görünmesini istediğimiz yere sürüleyip bırakıyoruz.Animasyonlu Flash Etiket Bulutumuz kullanıma hazır.
kod içerisinde ;
000000 ;Animasyonlu flash etiketlerinin görünüm rengi
333333 ;Animasyonlu flash etiketlerinin üzerine maus geldiğinde(maus hover) görünüm rengi, bu renk kodlarını değiştirerek etiketlerin rengini temanıza uygun renge ayarlayabilirsiniz.
Bütün renk kodları için tıklayın.