Translate Blog

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic

19 June 2009

membuat WP-Cumulus

pengen buat labels agar bergerak seperti globe atau apa lah contohnya liat sendiri punya saya gini caranya.


1 Pertama silahkan login ke account blogger anda.

2 Kemudian pada kontrol panel masuk kebagian tata letak atau layout, lalu pilih edit html dan centang expand widget. (jika templatenya takut rusak, sebelumnya backup dulu template anda)

3 Untuk mempermudah pencarian klik tombol Ctrl + F pada keyboard anda dan masukkan kode dibawah ini :



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



Setelah ketemu kemudian lakukanlah copy paste kode dibawah ini tepat dibawahnya.



<b:widget id='Label9' locked='false' title='Tag' 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;300&quot;, &quot;200&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>



Jika telah selesai, silahkan klik tombol save dan refresh halaman depan anda.
Sampai disini apakah sudah selesai ? Sebenarnya belum. Karena kita masih bisa untuk merubah sesuai dengan template yang digunakan. Untuk menyesuaikan ukuran widget ini dengan desain blog anda, silakan di edit pada bagian yang terlihat dibawah ini



var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;300&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#ffffff&quot;);



Perintah diatas artinya adalah angka 300 menyatakan lebar, 200 menyatakan tinggi, dan #FFFFFF menyatakan warna background dari widget.

Untuk merubah warna tulisan atau teks dari widget ini silakan edit pada angka yang bertuliskan 333333 dibawah ini :



so.addVariable("tcolor", "0x333333");



Jika anda ingin merubah besarnya huruf yang ditampilkan silakan edit pada bagian seperti dibawah ini yang bertuliskan 12 menjadi angka yang anda inginkan.



so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");



Note : Teks / angka yang bertuliskan #FFFFFF atau 333333 merupakan kode hexadecimal untuk warna dalam html. Jika ingin melihat code warna lain bisa kunjungi HTML color codes
selamat mencoba dan semoga berhasil,jangan lupa mampir kesini lagi.(http://www.srimargonet.co.cc)

2 comments:

Followers

Tutorial Tips and Trick © 2008 Template by Dicas Blogger.

TOPO