Senin, Februari 23, 2009

MEMBUAT TAG CLOUD PADA BLOGGER

Ok langsung saja kita mulai tanpa basa-basi saya akan langsung membahasnya :

Persiapan :

1. memiliki blogger. "jika tidak memilki blogger dijamin misi ini tidak akan berhasil 100 % "
2. memiliki label pada layar blog..
3. berdoa semoga sukses, berdoa mulai... :y


tutorial 1 :

1. Masuk kedalam akun blogger anda
2. Pada Dashboard pilih layout atau pengaturan
3. lalu pada Page Element tambahkanlah satu buah gadged
4. Kemudian pilih Label
5. berikan nama pada label menjadi kategori
6. Kalo sudah silakan simpan pekerjaan anda

Tutorial 2 :

1. masuk ke EDIT HTML
2. cari syntax

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

3. blok syntax <b:widget id='labelku' locked='false' title='kategori' type='Label'> sampai dengan </b:widget>

seperti contoh dibawah ini
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
<b:widget id='labelku' locked='false' title='kategori' type='Label'>
...
...
...
...
...
...
...
</b:widget>
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

4. Copy Paste syntax dibawah ini ke dalam kode HTML yang telah anda blok sesuai dengan perintah nomor 3

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
<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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&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='12'><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>
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

5. simpan hasilnya atau lakukan pratinjau dahulu untuk melihat hasilnya.

NB :

jika anda tidak berhasil berarti anda memang belum beruntung :D :z
dan anda bisa memberikan komentar apabila anda tidak berhasil. InsyaAllah saya bantu.

lanjutan dari artikel Apakah TAG CLOUD ?

0 komentar: