Blogger için, Animasyonlu Etiket Bulutu.

Şimdi, bu widgeti blogumuza nasıl ekliyeceğiz, onu anlatayım. Önce Kumanda Panelinden, Yerleşim / HTML Düzenle seçeneğini açıyoruz. Eğer, blogunuzda bir Etiket widgeti mevcutsa, Widget Şablonlarını Genişlet seçeneğini işaretlemeden, Ctrl+F tuşu ile açacağımız Bul kutusuna Label veya sizin etiket witgetinizin başlığı ne ise onu yazıyoruz. Label yazan satırı seçili hale getirip, aşağıdaki kodu kopyalayıp, seçili yere yapıştırıyoruz. Ardından, Şablonu Kaydet butonuna basıp, şablonumuzu kaydediyoruz. İşte bu kadar basit bir işlem.

Eğer, blogunuzda herhangi bir etiket widgeti yoksa; yukarıda anlattığımın dışında, Widget Şablonlarını Genişlet seçeneğini işaretliyoruz. Sonra, Bul kutusuna aşağıdaki kodu yazıp aratıyoruz.

<b:section class='sidebar' id='sidebar' preferred='yes'>

Bu kodun hemen altına aşağıdaki kodu kopyalayıp, yapıştırıyoruz. Şablonu Kaydet butonu ile şablonu kaydediyoruz. Hepsi şimdilik bu kadar.

<b:widget id='Label99' locked='false' title='Etiket Bulutu' type='Label'>
    <b:includable id='main'>
      <b:if cond='data:title'>
        <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="200" height="250" allowscriptaccess="always" &gt;
            &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
            &lt;param name="bgcolor" value="#0852bc" /&gt;
            &lt;param name="flashvars" value="tcolor=0xfcff08&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
          <b:loop values='data:labels' var='label'>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
    </b:loop>
    &lt;/tags&gt;" /&gt;
            &lt;p&gt;Blogumulus by &lt;a href='Roy">Roy">http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='Amanda">Amanda">http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
        &lt;/object&gt;
      <font style="font-size: 10px; font-family: Verdana;">Web sayfanıza <a href="http://arzununincileri.blogspot.com/2009/06/blogger-icin-animasyonlu-etiket-bulutu.html" target="_blank">Blogger Flash Labels</a> ekleyiniz</font>
      </div>

      <b:include name='quickedit'/>
    </b:includable>
    </b:widget>

Widgetin boyutlarını ve renklerini ise, kod üzerinde kırmızı ile işaretlediğim kısımları istediğiniz gibi değiştirerek, istediğiniz ebat ve renklere göre, blogunuza uygun hale getirebilirsiniz.

Bu widgeti bizler için hazırlayan, sevgili Amanda Fazani'ye de teşekkürlerimi ve sevgilerimi yolluyorum. Animasyonlu Etiket veya Kategori Bulutunuzu güle güle kullanmanız dileğimle, hepinize sevgiler sunuyorum.

Edit : Sizlere açıklamam gereken bir durum daha vardı. Postu hazırlarken aklımdan çıkmış. Sevgili Atilla'nın yorumu sonucunda bu açıklamayı yapmak gerekti. Herkesten bu özrümün kabulünü rica ediyorum.

Bildiğiniz gibi bu kullandığımız etiketler, aslında yazılarımızın kategorilerini göstermesi gerekir. Ancak, Ben de dahil, çoğumuz etiketleri farklı amaçla kullanıyoruz. Kullandığımız etiketler de, bazen çok fazla kelimeden oluşuyor. En çok iki kelimeden oluşan etiketler olmalı. Ayrıca, etiketlerimizde (tire, alt tire, nokta vs.) işaretler bulunmaması gerekir. Bir de, türkçe (ç,ı,ğ,ö,ş,ü) harfleri widgette okunmadığı için, etiketleriniz eksik harflerle görünecektir. aşırı sayıda etiket kullanılması da, widgeti olumsuz etkileyebilir.

Ben bir çok etiketimi bu nedenle silmek durumunda kaldım. Bazılarındaki türkçe harfleri değiştirdim. Bu dediklerimi yaparsanız, herhangi bir sorun olmayacağını düşünüyorum.