Wednesday, December 19, 2012

Cara membuat label clouds( berputar ) di blog

Kebetulan ada sobat blogger yang bertanya,gimana sih cara buat label yang tulisannya mutar-mutar? wah sempat bingung juga nih! apa yang dimaksud tulisan yang mutar mutar! rupanya yang di maksud sobat blogger tersebut adalah label cloud! yang berputar putar tulisannya di dalam kotak cloud. Untuk menjawab pertanyaan sobat tersebut maka pada saat ini saya berikan cara buatnya.walaupun tips saya ini sudah banyak blogger yang postingin cara buat label cloud! langsung aja ke TKP ;

cara membuat label cloud adalah ;
1-Log in ke account blogger anda.
2-Pilih Lay out---->Edit HTML, Jangan lupa beri tanda centang pada kotak EXPAND WIDGET.
3-Nah di dalam kode Html anda cari kode dibawah ini ;
<b:section class='sidebar' id='sidebar' preferred='yes'>

4-Lalu copy pastekan kode dibawah ini tepat dibawah kode diatas ;

<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://www.geocities.com/rum_marewa/swfobject.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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "100", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xfffffff");
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='24'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Keterangan :
-Angka 180 dan 100 yang saya tulis dengan warna merah adalah ukuran dari label cloud,angka ini bisa anda ganti dengan ukuran yang sesuai dengan penempatan label cloud pada blog anda.
-Angka 000000 yang saya tulis dengan warna biru adalah warna lay out label cloud,bisa anda ganti dengan kode warna yang sesuai denga warna template anda.
-Tulisan yang saya tulis dengan warna orange adalah kode warna tulisan yang akan muncul pada label clouds.
-Angka 100 yang saya tulis dengan warna ungu adalah kecepatan ber putar putarnya tulisan dalam label clouds, semakin besar angkanya semakin cepat berputarnya tulisan dalam label clouds, begitu juga sebaliknya bila angkanya makin kecil semakin lambat tulisannya berputar.
-Angka 24 yang saya tulis dengan warna hijau adalah ukuran tulisan yang akan muncul di dalam label clouds, semakin besar angkanya semakin besar tulisan yang muncul, begitu juga sebaliknya semakin kecil angkanya semakin kecil pula tulisan yang muncul di dalam kabel clouds.
Perlu diingat setelah anda copy pastekan kode label clouds jangan lansung di save!! anda previews dulu,nah kalo previewsnya berhasil baru anda save. Sebab ada beberapa template yang tidak sesuai atau tidak cocok dengan code label cloud ini.

Selamat mencoba. semoga bermanfaat.

0 comments:

Post a Comment

luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com