Label cloud merupakan salah satu widget yang menunjukkan label dari halaman website kita dengan penampilan yang sedikit berbeda.
Ada beberapa variasi seperti susunan label yang bisa berpindah-pindah, besar kecilnya huruf yang bersifat random dan lain-lain. Dengan adanya label cloud widget ini tentu bisa semakin memperindah tampilan dari blog yang anda punyai.

Ini langkah-langkah membuat Label Cloud tersebut:

1. Sign in ke blog anda

2. Dari menu Dashboard pilih opstion Layout kemudian Edit Html lalu download full template untuk membackup template anda.

3. Copy semua kode di bawah ini ke clipboard lalu paste ke dalam template anda. Letakkan di antara widget-widget anda yang lain.

<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'>
<style type='text/css'>";
#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}
</style>

<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,128];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;


// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function 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;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

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);   
</script>
</p>

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

4. Untuk letaknya terserah, sesuaikan dengan halaman page blog anda sehingga tampak cocok/ sesuai.

5. Simpan template anda dan lihat hasilnya

6. Selamat mencoba dan semoga berhasil

Ini merupakan fasilitas yang sangat membantu ketika kita sedang mengedit blog kita. Dengan Admin Panel Blogger ini kita akan lebih mudah menuju opstion-opstion yang ada pada blog, seperti new, edit, comment, setting dan lain.
Menu ini hanya muncul saat kita dalam kondisi login.

Ini cara membuat Admin Panel Blogger:
1. Pertama anda login terlebih dulu ke dalam blog anda.
2. Setelah itu buka menu layout kemudian pilih edit html.
Download full template anda terlebih dulu untuk memback up template anda. Selanjutnya centang pada expand widget template.

3. Kemudian cari kode di bawah ini di dalam template anda.
<b:section class='sidebar' id='sidebar' preferred='yes'>

4. Copy dan kemudian paste semua kode di bawah ini sebelum kode di atas.

<span class='item-control blog-admin'>
<h2>Admin Panel</h2>
|
<a href='http://draft.blogger.com/post-create.g?blogID=YOUR-BLOG-ID-NUMBER'>New</a>
|
<a href='http://draft.blogger.com/posts.g?blogID=YOUR-BLOG-ID-NUMBER'>Edit</a>
|
<a href='http://draft.blogger.com/blog-options-basic.g?blogID=YOUR-BLOG-ID-NUMBER'>Setting</a>
|
<a href='http://draft.blogger.com/layout?blogID=YOUR-BLOG-ID-NUMBER'>Layout</a>
|
<a href='http://draft.blogger.com/html?blogID=YOUR-BLOG-ID-NUMBER'>HTML</a>
|
<a href='http://draft.blogger.com/blogoptionscomments.g?blogID=YOUR-BLOG-ID-NUMBER'>Comments</a>
|
<a href='http://draft.blogger.com/home'>Dashboard</a>
|
<a href='http://draft.blogger.com/logout.g'>LogOut</a>
|
</span>

5. Simpan template anda
Jangan lupa untuk mengganti YOUR-BLOG-ID-NUMBER dengan nomor identitas blog anda

6. Selamat mencoba dan semoga berhasil.

Ini langkah untuk memasang tag cloud pada blog.

1. Sign in pada blog anda.

2. Masuk pada edit html anda centang expand widget template copy semua kode di bawah ini:

<b:widget id='Label99' locked='false' title='Tag Cloud/ Blogumulus' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

3. Pastekan pada template anda, di bawah widget yang lain.
seperti gambar di bawah ini:


4. Untuk merubah setting cari kode di bawah ini:
Ukuran:
"tagcloud", "240", "300"

Kecepatan:
("tspeed", "100")

Warna huruf:
("tcolor", "0x333333");

Warna background
"#ffffff")

5. Save template anda

6. Semoga Sukses...