Beranda > Tutorial > Tag Clouds …

Tag Clouds …

Untuk membuat tag clouds,anda harus sudah membuat label pada situs anda.
Pilih bagian Dashboard ke Pengaturan lalu pada Page Element tambah halaman baru add widget, pilih Label.
Setelah itu
Edit HTML kemudian beri tanda centang pada Expand Widget Templates.

Cari kode :


]]>

Klo dah ketemu,lalu copy paste kode di bawah ini diatasnya :

/* 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}


Setelah itu,tepat di bawah kode :

]]>

copy paste kode di bawah ini :

// Label Cloud User Variablesvar cloudMin = 1;var maxFontSize = 20;var maxColor = [0,0,255];var minFontSize = 10;var minColor = [0,0,0];var lcShowCount = false;

Lalu simpan template.
Langkah terakhir,masih pada Edit HTML cari kode di bawah ini :


&lt b:includable id=’main’>

<h2></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>
>


Kalau dah ketemu,ganti kode diatas dengan kode di bawah ini :
Alangkah baiknya backup terlebih dahulu template ke komputer anda,Tapi klo dah percaya,ya langsung ganti aja.
Akurat koq🙂






// Don’t change anything past this point —————–// Cloud function s() ripped from del.icio.usfunction s(a,b,i,x){if(a>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 c=[];var labelCount = new Array(); var ts = new Object;var theName = “”;ts[theName] = ;for (t in ts){if (!labelCount[ts[t]]){labelCount[ts[t]] = new Array(ts[t])}}var ta=cloudMin-1;tz = labelCount.length – cloudMin;lc2 = document.getElementById(‘labelCloud’);ul = document.createElement(‘ul’);ul.className = ‘label-cloud’;for(var t in ts){if(ts[t] < cloudMin){continue;}for (var i=0;3 > 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 = ‘/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);










  • ()









Simpan Template! Selesai !

Kategori:Tutorial
  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s