Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger için Etiket Bulutu eklentisi


FacebookTwitterPinterestTumblrYazdır


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 zaten WordPress'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, Etiketler seç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" &amp;&amp; x != "forEach" &amp;&amp; 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>


    • gökhan
    • 28 Şubat 2013, 19:27

    Bu eklentiyi bir sitede görmüştüm çok havalı duruyor, çok büyük ihtimalle deneyeceğim...... Sanki biraz içinden bir şey seçmek zor gibi görünüyor ama yine de çok hoş...

    • kaltunsu
    • 14 Mayıs 2021, 15:49

    Gerçekden işimie yaradı teşekkurler admin

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık