Full Dosyalar İndir - Animasyonlu Flash Etiket Bulutu

Animasyonlu Flash Etiket Bulutu

4-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 Eklentisiblogger 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>Tasarım>Htmlyi Düzenle yolunu takibedip, 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ğimizdeLabels 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.

KOD DENEME EDİTÖR

Çalışıyor!

KOD ÖNİZLEME

hazırlanıyor!