05 May 2011

Tag Awan Berputar

Tag awan atau tag melayang adalah sebuah lebel dari kategori yang menyerupai awan atau melayang. nah disini saya akan sedikit berbagi cara meletakkan tag awan yang berputar di web atau blog kita.

Langkahnya :
1. Masuk dahulu ke dasbor blog kita.
2. Lalu ke tataletak
3. Edit Html
4. Cari kode berikut , gunakan ctrl+F

kode <b:section class='sidebar' id='sidebar' preferred='yes'>
5. Setelah ketemu letakkan kode berikut dibawah kode tadi.



<b:widget id='Label99' locked='false' title='Kategori Utama' 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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;,
&quot;tagcloud&quot;, &quot;160&quot;, &quot;160&amp;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 terlebih dulu pekerjaan kita tadi. dan coba lihat hasilnya.

-----------------------------------------------------------------------------------------------


Untuk mengubah tampilan label seperti lebar, tinggi label, warna backround, dan warna text. dan untuk mengetahiu code dari warna yang anda inginkan anda bisa mencarinya disini maka terlebih dahulu kita memcari kode di bawah ini dan mengubah kode yang saya beri warna merah berikut ini :

keterangan :
160 : tinggi
230 : lebar
330000 : warna backround label



Sedangkan Untuk mengubah warna teks nya, maka kita cari dahulu kode berikut :
so.addVariable("tcolor", "0x66FFFF");



Keterangan :


66FFFF : kode warna teks nya.

Read more...

  © Blogger templates Newspaper III by Ourblogtemplates.com 2008

Back to TOP