Belki de şuan bir çok kişi ‘Zaten blogger’da böyle bir eklenti var yahu!’ diyordur. Fakat arkadaşlar bu eklenti, blogger‘daki gibi etiket bulutu değil. Yani Flash’lı etiket bulutu, kaldı ki bunu zatenWordPress‘deki bir çok blogda görmüşsünüzdür sanıyorum.Blogger‘daki etiket bulutu şöyle ki; En çok kullanılan etiketler ve en az kullanılan etiketler, karışık bir şekilde büyükten küçüğe şeklinde sıralanıyor. Fakat bu etiket bulutu, Flash’lı olduğu için, WordPress’deki etiket bulutlarını aratmayacağını düşünüyorum. Bu eklentinin kullanımı da çok basit…
Öncelikle, Sayfa Öğeleri adlı bölüme giriş yapıyoruz. Ve Gadget Ekle linkine tıklayarak, Etiketlerseçeneğini aktif ediyoruz.
Daha sonra ise, HTML’yi Düzenle kısmına giriş yaparak Widget Şablonlarını Genişlet seçeneğini seçtikten sonra, aşağıdaki kodu bulmanız gerekiyor.
<b:widget id='Label1' locked='false' title='Etiketler' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span></li>
</b:loop></ul>
<b:include name='quickedit'/></div>
</b:includable>
</b:widget>
Yukarıdaki kodları bulduktan sonra kodları kaldırın. Ve kaldırdığınız yukarıdaki kodlar yerine, aşağıdaki kodları ekleyin;
<b:widget id='Label1' 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' style='text-align: justify;'>
<script type="text/javascript">
/* ******************************************************
Başlangıç */
var max = 150;
var min = 50;
var showCount = 1;
var minCount = 1;
/* Bitiş
***************************************************** */
var range = max - min;
var labels = new Array();
<b:loop values='data:labels' var='label'>
labels.push("<data:label.name/>");
</b:loop>
var urls = new Array();
<b:loop values='data:labels' var='label'>
urls.push("<data:label.url/>");
</b:loop>
var counts = new Array();
<b:loop values='data:labels' var='label'>
counts.push("<data:label.count/>");
</b:loop>
function sortNumber(a, b)
{
return b - a;
}
//Make an independant copy of counts for sorting
var sorted = counts.slice();
var most = sorted.sort(sortNumber)[0];
for (x in labels)
{
if(x != "peek" && x != "forEach" && counts[x] >= minCount)
{
var textSize = min + Math.floor((counts[x]/most) * range);
//etiket sayisi gösterilsin mi?
if(showCount == 1)
{
var count = "(" + counts[x] + ")";
}else{
var count = "";
}
document.write("<span style='font-size:" + textSize + "%'><a href='" + urls[x] + "'>" + labels[x] + count + "</a></span> " );
}
}
</script></div>
</b:includable>
</b:widget>
Hiç yorum yok:
Yorum Gönder