yazilan.org

blogspot için flash etiket bulutu (wp-cumulus eklentisi)

bu yazı amanda’nın wp-cumulus eklentisini blogspot için nasıl kullanabileceğimizi anlattığı yazının kısmi çevirisidir.

wp-cumulus wordpress için bir eklenti olmasına rağmen amanda blogspot için uygulamayı başarmış. wordpress’e kuracaklar her zamanki yoldan kuracaklar.

kurulum için yapmanız gerekenler

blogspot panelinizde Yerleşim->HTML’yi Düzenle kısmına gidin ve aşağıdaki kodu arayın (benzeri de olabilir)

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

bulduktan sonra bir alt satırına geçip aşağıdaki kodun hepsini ekleyin

<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://sites.google.com/site/enginyazilan/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>

şimdi önizleme yapın, eğer doğru yaptıysanız kenar çubuğunuzda etiket bulutunun belirdiğini görürsünüz. şimdi isterseniz şablonu kaydedebilirsiniz.

etiket bulutunu özelleştirmek

kurulumu yaptıktan sonra varsayılan olarak eklentinin özellikleri şöyle olacak

• genişliği 240px
• yüksekliği 300px;
• arkaplan rengi beyaz
• yazı rengi gri
• yazı puntosu “12″

bunları değiştirmek için eklediğiniz kodun bazı kısımlarını değiştirmeniz gerekiyor. örneğin genişlik ve yüksekliğini değiştirmek için şuradaki sayıları büyütün veya küçültün. kırmızı ile yazılan genişliği, mavi ile yazılan yüksekliği gösterir.

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

arkaplan rengini değiştirmek için şuradaki hex değerini istediğiniz rengin hex değeri olarak ayarlayabilirsiniz.

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

yazı rengi varsayılan olarak koyu griye ayarlanmış (hex değeri #333333) eğer değiştirmek isterseniz şuradaki kısmı benzer şekilde değiştirin

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

yazı tipinin puntosunu (boyutunu) değiştirmek isterseniz şuradaki değeri değiştirin

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

uzun mu görünüyor bilmiyorum ama çok basit bir şekilde blogspottaki blogunuza ekleyebiliyorsunuz. ben bunun bu kadar kolay olduğunu bilmiyordum.

09. Temmuz 2009 by engin
Categories: insanlık için yazılar | Tags: blogspot, çeviri, eklenti, etiket bulutu, flash | 8 comments