Pages

Pages

Selasa, 30 November 2010

membuat label disidebar melayang /BlogUmulus

sobat sobat met jumpa kembali dengan blog raehansyah......
lama sekali ku gak update di blog ini....langsung aja deh kucoba sharing pengetahuan tentang bagaimana membuat label atau tag cloud yang biasanya kita taruh di sidebar bisa bergerak/melayang jika kursor kita arahkan ke sana
langsung  ke TKP......(emang OVJ)
1. Login kedalam account blogger anda.
2. Masuk ke Dashboard Layout>Edit HTML, klik Expand Template Widget
3. Cari kode dibawah ini


<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
4. Kemudian copy dan paste kan kode di bawah ini tepat di bawah kode tadi.


<b:widget id="'Label99'" locked="'false'" title="'Labels'" type="'Label'"><br />
<b:includable id="'main'"><br />
<b:if cond="'data:title'"><br />
<h2><data:title/></h2><br />
</b:if><br />
<div class="'widget-content'"><br />
<script src="'http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'" type="'text/javascript'/"><br />

<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 href="'data:label.url'" style="'12'"><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always");
so.write("flashcontent"); </script><br />
<b:include name="'quickedit'/"><br />
</div><br />
</b:includable><br />
</b:widget>
5. Simpan template anda. Selesai..

Secara default widget ini akan tertampil dengan keterangan sebagai berikut:
  • Width = 240px
  • Height = 300px
  • Background = white
  • Warna text = grey
  • Ukuran Huruf = 12
Bila anda menginginkan untuk memodifikasinya, maka perhatikan hal berikut:
1. Mengubah ukuran widget

var so = new SWFObject undefined”http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf”, “tagcloud”, “240“, “300“, “7″, “#ffffff”);
Anda tinggal mengganti kedua angka yang diberi warna tersebut. Warna merah untuk lebar, dan warna biru untuk tinggi.

2. Mengubah warna Background
Gantilah kode warna #ffffff sesuai selera anda atau yang sesuai dengan warna template anda. Untuk mengubah background menjadi trasparan, anda tinggal menghapus tanda “//” di depan kode:

//so.addParamundefined”wmode”, “transparent”);.

Bila mode transparan ini aktif, maka kode warna background yang sudah kita pasang di atasnya secara otomatis akan tidak berlaku lagi.

3. Mengubah warna huruf


so.addVariableundefined”tcolor”, “0x333333“);
Gantilah kode warna sesuai dengan yang anda inginkan

4. Mengubah ukuran huruf terbesar

so.addVariableundefined”tagcloud”, “12‘>”);
Gantilah angka ukuran huruf tersebut sesuai keinginan anda

5. Mengubah kecepatan rotasi


so.addVariableundefined”tspeed”, “100“);
Misalnya saya mengganti angka 100 menjadi 200 maka kecepatan rotasi akan lebih cepat dua kali lipat.

demikian sobat sobat ku....silahkan di coba dan semoga berhasil......oia...jangan lupa berdoa ya...

Tidak ada komentar:

Posting Komentar