betada etiket bulutu

14 Ekim 2006 Cumartesi


etiket bulutları, bir kutucuk içinde etikelediğiniz yazı sayısına göre büyüklükleri değişen kelimelerden oluşur. Böylelikle ilk etapta hangi konuda daha cok yazı yazdıgınız görülebilir. Ayrıca listelere göre daha küçük bir yer kaplıyor.

Bu hacki phydeaux3 yazmış..

Şablonumun yedeğini mutlaka alalım...
Template edit html kısmında expand too widget kutucugunu işaretleyerek eklemeleri yapalım.


1- style kısmına kodları yerleştiriyoruz.
]]></b:skin> kısmından önce


/* Label Cloud Styles

----------------------------------------------- */

#labelCloud {text-align:center;font-family:arial,sans-serif;}

#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0
5px;margin:0;vertical-align:baseline !important;border:0 !important;}

#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}

#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}

#labelCloud a{text-decoration:none}

#labelCloud a:hover{text-decoration:underline}

#labelCloud li a{}

#labelCloud .label-cloud {}

#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}

#labelCloud .label-cloud li:before{content:"" !important



2- javascprit kodunu yerleştiriyoruz head kısmına

</head> kodundan hemen önce,
DiKKAT: burada yourblog.blogspot.com adresini siz kendi adresinize göre degistiriyorsunuz


<script type='text/javascript'>

// Label Cloud User Variables

var lcBlogURL = 'http://YOURBLOG.blogspot.com';

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;

</script>


3- son olarak yan sütünü widget kodu olarak label kodumuzu koyuyoruz.

bu kodları

< div id="sidebar-wrapper" >
< b:section class="sidebar" id="sidebar" preferred="yes" />
kodlarından hemen sonra koyup daha sonra page elements kısmından yerini değiştirebilirsiniz.


<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var ta=0
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
tz = labelCount.length-1;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>



kodların yerleştirilmiş oldugu denim şablonu farklı kaydet yapıp alabilirsiniz.

27 yorum:

Sedran dedi ki...

sağolasın usta çok güzel yazmışsın, destek-blogger.blogspot.com da da buraya link vermiştim ordan girip girip buradan okuyorum :)

PERİLİ KÖŞK dedi ki...

acil.....
dediklerinizi yaptım,şablonu kaydetme aşamasına geldim, widgetler silinmek üzere diyor bu ne demek ,widgetler silinirse ne olur.eski şablonu yedeklemiştim başta söylediğin gibi...
işlemi devam ettiremiyorum korkumdan bloğumu mahvetmek istemiyorum...
ne olur acil cevap....

PERİLİ KÖŞK dedi ki...

valla o kadar anlatmışsın yanlış birşey olmaz deyip deşiklikleri kaydete bastım bir cesaret ama değişen etiket bulutum yok ortada .hata mı yaptım....

emrex dedi ki...

etiket bulutu görüntülenmiyor sayfanda eklentiyi silip yeniden ekle sayfa elemanları kısmından. Normal olarak gözükecek mi bir bak etiketlerin. Daha sonra gerekli değişikleri tekrar yaparsın.

Widget dediklerimiz sayfa elemanları işte, örnegin yeni bir şablon yükledigimizde eski elemanlarımız yeni şablonda olmadığında böyle bir hata alıyoruz. Template değiştirmek konusuna bakabilirsiniz bu konuyla alakalı...

PERİLİ KÖŞK dedi ki...

eklentiyi silmek derken html düzenlediğim kısımda senin anlattığınla ,yazdıklarımı silip ,bir kez daha aynısını deneme mi mi kastediyorsun ?
Çok özür dilerim,kolay anlayamıyorum,çünkü zaten söylediğiniz bazı kelimeleri öğrenmem lazım.
Neyse ben yapamayacağım galiba.Biraz daha destek kısmını karıştırıp yeni şeyler öğrenerek ,ilerde denerim.Yalnız bu şekliyle bir sorun yaşarmıyım ,eski şablon yok ya artık?
Örn label diye bir sayfa ögesi geldi anasayfama..
herşey için tekrar teşekkürler...

PERİLİ KÖŞK dedi ki...

blogumdaki bütün postlarımı etiketlememiştim,herşeyi etiketleyince etiket bulutum bir baktım geliverdi...
çok mutlu oldum,demek ki hatasız yapabilmişim tüm işlemleri...
biraz kendime güven geldi ...
tekrar teşekkürler...

Bayy_Pi dedi ki...

slm arkadaşım bana etiketleri bloğumun yanımda listeleyeceğim kod lazım yardımcı oursan sevinirm. şimdiden teşkkürler

Adsız dedi ki...

Şablonunuzu kaydedemedik
Lütfen aşağıdaki hatayı düzeltin ve şablonunuzu tekrar gönderin.
Label1 kimliğine sahip widget bir bölüm içinde değil (gerçek ana öğe: div.) Her widget’ın bir bölüm içinde olması gerekir.

hatasini aliyorum

emrex dedi ki...

div etiklerini kontrol edin; kodlardaki eklemeyi biraz daha dikkatli yapmaya başlayın. Her açılan div etiketi kapatılmak zorunda

Adsız dedi ki...

b:section kodu determined li bir hata veriyor ama ilk başta türkçe olarak tagları kapatmayı unutmayın gibisinden bir yazısı var tag ları kapatmama gibi bir durum yok kodları tam olarak ekledim ve değişen birşey yok her şekilde aynı hatayı alıyorum.

senin blogunda yazanları yaptım o yetmedi üzerine orjinal metini kullanrak yaptım değişsen birşey yok.

Adsız dedi ki...

tam olarak hata şu

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 "".

ama tagları tamamen kontrol ettim hiç bir eksik yok kod satırlarının başında yada sonunda

emrex dedi ki...

b section kodların kullanımı söyle

b:section
b:widget.............. /b:widget
b:widget.............. /b:widget
/b:section

dikkatli şekilde yeniden deneyin. Örnek şablonu deneyip daha sonra degiştirebilirsiniz.

Burak dedi ki...

Konuyla alakalı değil ama önemli bir sorunum var.
ya benim blogumda "Yorum Gönder" yazısı hiç çıkmıyor "0 Yorum" yazıyor onun yerine, "Yorum Gönder" yazısını nasıl ekleyebilirim yardım lütfen.

sweet dreams dedi ki...

Hocam teşekkür ederiz yayınladıgın için fakat 3 aşamayı ben yapamadım ya:S label 1 de div hatası veriyor nasıl yapıcam ki:S:S

maswey dedi ki...

< div id="sidebar-wrapper" >
< b:section class="sidebar" id="sidebar" preferred="yes" />

şu kodları bloğumda bulmadım =(

emrex dedi ki...

o kodları bulamadıysanız o kısımda yer alan eklentilerinizi isimlerini arayın. "etiketlerim, arşivim" gibi ne yazılmıs ise dikkat ederek.

emrex dedi ki...

@burak sayfa ögeleri kısmında blog yazılarım kısmını gözden gecirin. "5 yorum" burada ifadeyi değiştirebilirsiniz.

pınar dedi ki...
Bu kayıt, yazar tarafından kaldırıldı.
emrex dedi ki...

hack yazarı tarafından değiştirilmiş yenilenmiş buradan ayrıntıya bakabilirsiniz.

Adsız dedi ki...

dediklerinizi aynen yapiyorum fakat ,onizleme veya kaydet dedigim zaman,otomotikmen sayfa kapatiliyor,sorun ney acaba,yardimci olabilirseniz sevinirim,
ilk kodu ,yazmis oldugunuz kodun onune ekliyorum,
ikinci koduda verdiginiz kodun altina yani sonuna ekliyorum,ve en son koduda ekliyorum fakat dedigim sorun oluyor,,,
tesekurler

eraytemiz dedi ki...

ayrica bu hatayi veriyor

"Label1" kimli?ine sahip widget ?u ö?eyi içeremez: "b:widget". Bir widget yaln?zca b:includable ö?elerini içerebilir.

emrex dedi ki...

buldugun kodu dikkatlice bakın eskisini silip yenisiyle değiştririn

Adsız dedi ki...

T-Shirt
Sapka imalat
Forma
T shirt SIKIŞTIRMA
Çanta
Şemsiye
Mutfak Önlüğü
Yağmurluk

PERİLİ KÖŞK dedi ki...

merhaba daha önce anlattığın etiket bulutum şablon değişimi ile kaybolunca yeniden yapmaya çalışıyorum, iki üç kez denedim ama

"Şablonunuzu kaydedemedik
Lütfen aşağıdaki hatayı düzeltin ve şablonunuzu tekrar gönderin.
Şu kimliğe sahip birden çok widget bulundu: Label1. Widget kimlikleri benzersiz olmalıdır."
şeklinde uyarı çıkıyor , ne yapma mı önerirsin?

emrex dedi ki...

kodların olduğu sayfada Label1 kelimesini aratın iki oldugunu göreceksiniz birini Label12 yapın örnegin

Haydins dedi ki...

Merhabalar, daha oncede yapmistim yine sizin anlatiminizla , sablonumu degistirdim simdi yaptigim etiket bulutunda butun etiketler cikiyor..Ben en cok kullanilanlarin cikmasi istiyorum sadece nasil yapabilirim?

BİR BEN VAR BENDE BENDEN İÇERU dedi ki...

Çok teşekkür ederim ellerinize sağlık. Siteniz süper.

    blog hakkında..

    bu blogda bloglar ve blogger kullanımı açısından ögrendiklerimi paylaşıyorum. Tüm yazı başlıkları için tıklayın

    mesaj bırak

    DestekBlogger Grup

    son mybloglog ziyaretcileri