Bumerang - Yazarkafe

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.
PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

13 yorum:

  1. Çok başarılı bir anlatım çok işime yaradı. Teşekkür ederim başarılarınızın devamını dilerim.

    YanıtlayınSil
  2. Hakan Bıçakcı23 Mart 2012 01:27

    Renkleri nasıl değiştireceğiz hiç seçilmiyor bi sarı yada turuncu olsa güzel olurdu

    YanıtlayınSil
  3.  renkleri nasıl değiştirebileceğinizi yazının sonuna sizin için ekledim.

    YanıtlayınSil
  4. ÖYKÜ isimli etiketi koydum fakat üzerine tıkladığımda  "�YK� etiketine sahip yayın yok. "    diye hata veriyor bazı etiketlerde bu hatayı verirken diğerlerinde vermiyor nedeni ne olabilir acaba? Teşekkürler

    YanıtlayınSil
  5. sildiğiniz bir yazıya ait etiket olabilirmi ?

    YanıtlayınSil
  6. etiketleri kaldırıp yeniden yazdım fakat Ş,İ,Ö,Ü harflerini 
    � şekilde gösteriyor. Ş yerine S, İ yerine I yazdığımda sorun olmuyor. Türkçe karekterleri mi kabul etmiyor acaba?

    YanıtlayınSil
  7. türkçe karakterlerle alakalı olduğunu sanmıyorum.çünkü örnek görünümde türkçe karakterler var ve hepsi görünüyor.Büyük küçük harf meselesi olabirmi acaba? hepsini küçük harfle yazmayı deneyin,olmazsa başka çözümler arayalım.

    YanıtlayınSil
  8. Hepsini küçük harflerle yazdım ama gene olmadı yine
    �yk� etiketine sahip yayın yok 
     diyor. Anlamadım sorun ne "ş" ve "ö" harflerini kabul etmiyor. şiir yerine siir, öykü yerine de oyku yazdığımda kabul ediyor. Neyse böyle yazayım ya da nazım ve hikaye diye:) teşekkürler.

    YanıtlayınSil
  9. arkadaşlar benim bir blogumda 10-15 etiket var onda çok iyi çalışıyor,diğer blogumda yaklaşık 1000 etiket var onda çalışmıyor.

    YanıtlayınSil
  10. SİLEMİYORUM YAPTIM AMA SİLİNMİYOR !!!!!!!!!!!!!!!!!!

    YanıtlayınSil
  11. abı çalışmıyor ya... gelir labels büyük bir alan beyaz renkle kalıyor..

    YanıtlayınSil
  12. Animasyonlu Flash Etiket Bulutunun Görünümü;

    YanıtlayınSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...