Promote Your Web Here

Get paid To Promote at any Location

05 May 2009

Membuat Label Cumulus "JS"

Label blog "CUMULUS" disini adalah sebuah label dengan ektensi file Java Script. Pemasangan label sangat membantu pengunjung mencari kategori apa yang sedang dicari pengunjung. Untuk contoh label yang menggunakan ini silahkan sobat lihat disini. Kesan pemasangan label seperti ini agaknya rumit namun jika mengetahui akan terlihat mudah.

Saya mencoba mempermudah bahasa untuk mengulas pembahasan "Label Cumulus". Setelah sobat melihat contohya apakah sobat tertarik untuk mempergunakannya dalam blog sobat?. Sebelum ke tahap selanjutnya saya hanya ingin memberitahukan kelebihan dan kekurangan dari label semacam ini.

Menurut saya label seperti ini ada kelebihannya yaitu Blog sobat akan terkesan lebih indah bila dibandingkan dengan menggunakan Label Standar. Namun dari sisi kelebihan pasti ada sebuah sisi kekurangan yang menurut saya adalah blog sobat terkesan akan sedikit berat karena dalam label ini mengginakan ektensi Java Script. Nah lohh..sekarang gimana sobat saja. Masih ingin memasangnya atau tidak?

By the way its oke lahh masalah mau memasang atau tidak itu urusan sobat..hehe.peace ahh takut kena razia. Saya akan bagi caranya seperti ini, simak baik-baik yah :

1. Login kedalam member area blog anda dengan ID dan Password anda

2. Pilih Tab "TATA LETAK/LAYOUT", kemudian pilih "EDIT HTML", tandai kotak "EXPAND WIDGET". Jangan lupa untuk BackUp template sobat sebelumnya dengan mendownloadnya, pilih/klik Tulisan "DOWNLOAD FULL TEMPLATE".

3. Cari kode dibawah ini :

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

Jika mengalami kesusahan mencari kode karena banyaknya pengkodean silahkan sobat lakukan dengan cara tekan tombol Ctrl+F pada keyboard sobat dan paste kode diatas.

4. Setelah menemukan kode diatas silahkan sobat copy kode dibawah ini kemudian Paste tepat dibawah Kode diatas.
<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>

5. Klik tombol SAVE TEMPLATE/SIMPAN

Catatan :
a. Pada tulisan kode yang berwarna merah adalah lebar dan tinggi widget, silahkan sobat ganti sesuai dengan widget sidebar sobat.

b. Pada Tulisan yang berwarna hijau adalah warna Background dari widget label cumulus, sedang yang berwarna kuning adalah warna Text yang ada dalam widget label cumulus.

c. Untuk tulisan dengan warna biru adalah Ukuran Text pada widget label cumulus.

Untuk mengganti kode warna Hexadesimal silahkan sobat mengunjungi http://www.html-color-code.info. Selamat mencoba.

SOBAT DAPAT MENDOWNLOAD TUTORIALNYA JUGA DISINI

Comments :

2 comments to “Membuat Label Cumulus "JS"”

puguh said...
on 

Emang mantep label comulusnya.

KaVi_BorLaNd said...
on 

good job team.. Copas..

Post a Comment

Followers

SUPPORT MY BLOG

SUPPORT ME !!

Komentator

Widget Oleh : Pit-Onta

BANNER

BeLaJaR DaLaM BLog

 

Copyright © 2009 by Kanzenk Blog's