Blogger’da Etiket Bulutu(Tag Cloud) Oluşturma



Blogunuza artı özellikler katmaya devam…
Blogcular bu yazıyı kaçırmayın.


Öncelikle bildiğimiz gibi Blogger da Kategorilendirme yok ve bunu yerini etiket dediğimiz yazı linkleri alıyor.Bu yazı linklerine de yazılarımıza kategori görevi üstlendiriyor ve ziyaretcilerimize sunuyoruz.Sunmasına sunuyoruz fakat etiket düzeninin hep aynı olması ve temamıza da artı bir güzellik katmaması biz blog yazarları için Hayal kırıklığı yaratıyor.

Acaba çaresi yok mu? dediğinizi duyar gibiyim.

Çaresiz Dert Olmaz! sözünden yola çıkıp bir çaresini bulduk bile.
Lafı fazla uzatmadan nasıl yapıldığına gelelim.

Birinci adım:

İlk başta Etiket widgetini etkiştirmeniz gerekiyor.Bunun için Tema ayarlarınızdan Yerleşim>>Sayfa Öğeleri bölümünden etiket widgetini nereye eklemek istiyorsanız ”Gadget Ekle ” seceneğinden etkinleştirin.

İkinci adım:
Bulunduğunuz sayfanın üst sekmelerinden ”HTML’yi Düzenle” seceneğine gelin ve Burada bulunan ”Widget Şablonlarını Genişlet” seçeneğini işaretleyin..


daha sonra Ctrl+F tuş kombinasyonuyla aşağıdaki kodu arayın.

<b:widget id=’Label1′ locked=’false’ title=’Tags’ type=’Label’>

Üçüncü adım:
Buluduğunuz kodu aşağıdaki verdiğimiz kodla değiştirin.

<b:widget id='TagCloud' locked='false' title='Tags' 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">
/*
Simple Blogger Tag Cloud Widget
by Raymond May Jr.
http://www.compender.com
Released to the Public Domain
*/
//Variables:
var max = 150; //max css size (in percent)
var min = 50; //min css size (...)
var showCount = 1;  // show counts? 1 for yes
var minCount = 1;  // what is the minimum count for a Tag to be shown? 1 for all.

//Begin code:
var range = max - min;

//Build label Array
var labels = new Array();
 <b:loop values='data:labels' var='label'>
   labels.push("<data:label.name/>");
 </b:loop>

//URLs
var urls = new Array();
 <b:loop values='data:labels' var='label'>
   urls.push("<data:label.url/>");
 </b:loop>

//Counts
var counts = new Array();
 <b:loop values='data:labels' var='label'>
   counts.push("<data:label.count/>");
 </b:loop>

//Number sort funtion (high to low)
function sortNumber(a, b)
{
 return b - a;
}

//Make an independant copy of counts for sorting
var sorted = counts.slice();

//Find the largest tag count
var most = sorted.sort(sortNumber)[0];

//Begin HTML output
for (x in labels)
{
 if(x != "peek" &amp;&amp; x != "forEach" &amp;&amp; counts[x] >= minCount)
 {
  //Calculate textSize
  var textSize = min + Math.floor((counts[x]/most) * range);
  //Show counts?
  if(showCount == 1)
  {
   var count = "(" + counts[x] + ")";
  }else{
   var count = "";
  }
  //Output
  document.write("<span style='font-size:" + textSize + "%'><a href='" + urls[x] + "'>" + labels[x] + count + "</a></span> " );
 }
}
</script>
</div>
</b:includable>
</b:widget>

artık sizinde diğerine göre gösterişli bir eklentiniz oldu.
Not:Buluduğunuz kodu başından itibaren başlayarak bittiği noktaya

</b:widget>

kadar silmelisiniz.

10 Yanıt

  1. dediğinizi yaptım ancak

    Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
    XML hata iletisi: The element type “b:section” must be terminated by the matching end-tag “”.

    diye bir uyarı çıkıyor, ne yapabilirim??

  2. yazınızdakileri uyguladığımda şöyle bir hata alıyorum;

    The new widget id “TagCloud” is invalid for type: Label

    nedeni nedir acaba?

  3. Are u Sure ….Not working u
    beginner blogger

  4. merhaba dediklerinizi uyguladım fakat şu uyarıyı veriyor ne yapabilirim?
    “Şablonunuzu kaydedemedik
    Lütfen aşağıdaki hatayı düzeltin ve şablonunuzu tekrar gönderin.
    Yeni widget kimliği “TagCloud” şu tür için geçersiz: Label”

    • Selam…
      Bulduğunuz kodu bıtıs tagına kadar sılmelısınız yanı asagıda kodu bulana kadar!

      </b:widget>

      Daha sonra verdığımız kodu yerıne yapıstırmalısınız…
      Sorununuz bundan kaynaklanmaktadır..

  5. tag’ların yanında kaç tane yazı olduğunu göstermesini istemiyorum. Mesela ‘Teknoloji(2)’ gibi bi’ etiketim var. Bunu sadece ‘Teknoloji’ yapmak istiyorum. Nasıl yapabilirim?

  6. teşekkürler

  7. ya ben ctrl+F yapıp şu kdou arattım : ama böle bir kod bulunamadı lütfen yardımcı olursanız sevinirim

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s

%d blogcu bunu beğendi: