| 11 comments ]


Supaya tidak susah menjelaskan apa yang disebut dengan label cloud, anda langsung saja lihat label Yang berada di side bar blog saya yang paling atas. Itulah yang disebut label cloud. Terlihat menarik, apalagi jika anda membuat posting dengan berbagai macam label. Semakin banyak label posting anda, semakin banyak juga yang akan terlihat di label cloud anda (kebetulan sejauh ini saya baru punya 6 label).

Langsung saja saya mulai.

1. Seperti biasa, login ke blogger>layout>Edit HTML

2. Kemudian anda cari script ini: (jangan lupa click "expand widget template)

<b:section class='sidebar' id='sidebar' preferred='yes'>



* Jika tidak ada cari yang ini:(biasanya tergantung pada template)

<b:section class='topsidebar' id='topsidebar' preferred='yes'>



* Atau yang ini:

<b:section class='leftsidebar' id='leftsidebar' preferred='yes'></p>



* Atau yang ini:

<b:section class='rightsidebar' id='rightsidebar' preferred='yes'>



3. Kalau sudah ketemu, maka Copy>Paste scipt dibawa ini tepat dibawah script yang ada diatas tadi.
<b:widget id='Label129' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://tipspackjs.googlecode.com/files/labelcloud.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.marewa.info'>marewa</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quothttp://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;180&quot;, &quot;100&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xfffffff&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='24'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>



4. Silahkan anda preview terlebih dahulu, sebelum SAVE, jika tidak ada masalah pada preview nya, lalu click SAVE

KETERANGAN:
* Code yang berwarna merah adalah ukuran panjang dan lebar kotak label.
* Yang berwarna biru adalah warna backround label.
* Yang berwarna hijau adalah Warna huruf label.
* Yang berwarna kuning adalah ukuran huruf label.

11 comments

andie said... @ June 7, 2009 at 10:38 PM

ini dia sob!!!!
aku cari dimana tetep ga bisa2..
padahal udah nanya paman gugel.

tapi ternyata disini BISAAAAAA.
keren boossss.
makasih makasih. :D

Tipspack said... @ June 7, 2009 at 10:59 PM

@ Andie
Haha... Wokey deh sob, kalo yang ini pasti mantabz...!!!

Arde said... @ June 30, 2009 at 1:59 AM

Pack...! (hehehe...!)
koq jalan sih Label Cloud'a.....?

Bayu The Maniac said... @ July 7, 2009 at 12:21 AM

manteb nih sob ...
gue coba langsung ah ...
hehehe ...

irvan said... @ July 23, 2009 at 8:33 PM

sip deh, kapan2 dicoba

pendi said... @ July 30, 2009 at 3:41 PM

ajib deh tips ny.

tp kmaren2 dh ane coba panduanny dr blog orang,tp gag kluar tuh tag ny. gag tau knapa

pendi said... @ July 30, 2009 at 3:46 PM

apa gara2 template ku yg g support?

DEWI KUSUMA said... @ February 1, 2010 at 1:48 AM

w tes ah.. :D
thx infonya :)

Widoatmoko said... @ February 16, 2010 at 8:01 PM

ketemu juga cara pasang tag cloud,
siip mas... jadi kaya wordpress

flipflop said... @ April 7, 2010 at 4:20 PM

thanks infonya

nuniek nur sahaya said... @ April 23, 2010 at 11:50 AM

nice information. thanks.

Post a Comment