Ads Top

Blogger'da Etiket Bulutu Yapmak

2 gün önce yapmış olduğum tema değişikliğinin ardından etiket bulutu ile sayfaya görsellik katmaya çalışmış fakat başarılı olamamıştım. Başarılı olamadım derken, yaptığım çalışma hoşuma gitmemişti.

Arkaplan rengi beyaz olarak göründüğü için o çalışmadan vazgeçip kendi çabalarımla kodları birleştirip tekrar düzenleyerek birşeyler yapmaya çalıştım ve sonuç olarak başarılı oldum.



Not: Benim kullandığım şablonun sidebar'ı resimden oluştuğu için arkaplan beyaz olarak gözüküyormuş, artık vereceğim kodlar ile bu sorunu çözebilirsiniz.
Not 2: Türkçe karakter desteği vardır.

Etiket Bulutu Yapmak Ne İşime Yarar ?
Etiket bulutu yaptığınız zaman temanızın sidebar kısmında animasyonlu şekilde etiketleriniz görüntülenir ve temanıza görsellik katmanızın yanı sıra, kullanıcılara da büyük bir ulaşım kolaylığı sağlamış olursunuz..

Gelelim uygulamaya..

İlk olarak şablonunuzun yedeğini alın.
HTML'i Düzenle kısmından widget şablonlarını genişletin ve ardından aşağıdaki kodu aratın.

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


Üstteki kodu bulduktan sonra, aşağıdaki kodları üstteki kod ile değiştirin ve kaydedin.

<b:widget id='Label99' locked='false' title='Ne aramıştın ?' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div class='widget-content'><script src='http://dl.dropbox.com/u/13423159/swfobject.js' type='text/javascript'/>
<div id='flashcontent'/><script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/enginyazilan/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;265&quot;, &quot;165&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&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;150&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>
</div></b:includable>
</b:widget>

Son olarak  "Sayfa Öğeleri" bağlantısına girip gerekli ayarlamaları yapınız.

Blogger tarafından desteklenmektedir.