Blogger İçin Flash Etiket Bulutu - Link Bulutu.

Etiket Bulutu

Önemli Not: Alıntıdır.Bir çok yerde Amanda tarafından yazıldığı bilgisi var.

Bir çok sitede yayınlanmış olan bu flash etiket bulutu'nu bir de ben anlatayım istedim.

Yapılışı çok kolay. Kodlar sağolsun birisi yazmış. Biz sadece kodu temamıza ekleyeceğiz.

Şimdi temamızın html bölümünde aşağıdaki kodu buluyoruz.

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

Daha sonradan hemen bunun altına;

Alağıdaki kodu ekliyoruz... Ancak aşağıdaki kodu koyaladığınızda bazı artifaktlardan olsa gerek , düzenleme yapmak gerekiyor. Bu kodu aldığım sayfadan yüklerseniz daha iyi olur. Site: http://travianssse.googlepages.com/yap%C4%B1%C5%9Ft%C4%B1r%C4%B1lacak

<b:widget id='Label99' 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//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;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>

Etiket bulutumuz oluştu.

Şimdi boyutunu ayarlayalım..

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


Kırmızı olarak yazılı olan yazılar etiket alanımızın genişliğini ve yüksekliğini gösterir. Bunu blogunuza göre ayarlayınız.



Son olarak arka plan ve buluttaki yazı renklerini ayarlayalım.

so.addVariable("tcolor", "0x333333");

Buradaki kırmızı renkli yazı etiketteki yazının rengini gösterir.http://www.adaminsitesi.com/renk_kodlari.htm buradan renk kodunu bularak istediğiniz renk kodu ile değiştirin.

Mavi yazı ile yazılmış olan ffffff ise arka plan rengini gösterir. Bunuda istediğiniz gibi değiştirebilirsiniz.

Önemli Not: Bir çok sitede inceledim. Türkeç karakterlerin bazılarında sorun var. Ayrıca blog refresh edildiğinde bazen etiketleri göstermeyebiliyor. Bunlar çok önemli değil diyorsanız büüyk bir keyifle kullanacağınıza eminim..


Link Bulutu:

Bu en kolayı.

Aslında bu kodları bulduğum sitede manuel etiket bulutu diye yazılıydı. Kodlar buna göreydi. Ben böyle kullanmak yerine izlediğim blogları yazdım.


Aşağıdaki kodda blog yollarını ve başlıklarını değiştirmeniz yeterli..

<embed quality="high" allowscriptaccess="always"

src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf"

width="200" type="application/x-shockwave-flash" height="240" id="tagcloud" bgcolor="#000000"

flashvars="tcolor=0xffffff&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;



&lt;a href='http://ozili.blogspot.com' style='12'&gt;Dreamland&lt;/a&gt;

&lt;a href='http://nilambara.blogspot.com' style='12'&gt;ince saz&lt;/a&gt;

&lt;a href='http://mevsimlerdenroma.blogspot.com' style='12'&gt;Mevsimlerden Roma&lt;/a&gt;

&lt;a href='http://yolunneresindeyim.blogspot.com' style='12'&gt;Yolun Neresindeyim&lt;/a&gt;

&lt;a href='http://ilahitatlar.blogspot.com' style='12'&gt;ilahi Tatlar&lt;/a&gt;

&lt;a href='http://perilikosk.blogspot.com' style='12'&gt;Perili Kösk&lt;/a&gt;

&lt;a href='http://maviyeyolculuk.org' style='12'&gt;Maviye Yolculuk&lt;/a&gt;

&lt;a href='http://nazoyla.blogspot.com' style='12'&gt;Nazoyla&lt;/a&gt;

&lt;a href='http://gizemlidnya.blogspot.com' style='12'&gt;Gizemli Dünya&lt;/a&gt;

&lt;a href='http://gulhanca.com' style='12'&gt;Gülhanca&lt;/a&gt;

&lt;a href='http://burcuca.blogspot.com' style='12'&gt;Yansima ve Yanilsama&lt;/a&gt;

&lt;a href='http://asliningnl.blogspot.com' style='12'&gt;Aslinin Günlügü&lt;/a&gt;

&lt;a href='http://ucanmarti' style='12'&gt;Uçan Marti&lt;/a&gt;

&lt;a href='http://berrinacilmis.blogspot.com' style='12'&gt;Bulut&lt;/a&gt;

&lt;a href='http://tugbatekeli.blogspot.com' style='12'&gt;Tugba'nin Dünyasi&lt;/a&gt;

&lt;a href='http://ersinsaran.blogspot.com' style='12'&gt;Ersin Saran&lt;/a&gt;

&lt;a href='http://kiymetbozkurt70.blogspot.com/' style='12'&gt;Zamandan Sizan&lt;/a&gt;


&lt;/tags&gt;" name="tagcloud"></embed>