Selasa, 09 Juni 2009

Wp-Cumulus Untuk Blogger (Standart)

Cara memasang Wp cumulus pada blogger

Cara membuatnya cukup mudah, Hanya tinggal copas kode scrip html aja.

Ikuti saja langkah-langkahnya berikut ini :

1. Log in ke blogger
2. Dari dashboard, klik Lay out, kemudian edit HTML, jangan lupa klik tanda expand widget
3. Cari kode di bawah ini (untuk memudahkan, tekan ctrl+F untuk memunculkan menu Find, kemudian masukkan kode yang dicari).


4. Setelah ketemu, copy kode di bawah ini, kemudian tempelkan (paste) dibawah kode yang tadi. Biar lebih cepat klik Copy all aja. Jika tidak ada berarti template anda menggunakan code CSS untuk yang kode CSS, untuk tutorial kode css klik disini

Immediatly after this line, paste the following section of code:

<b:widget id='Label99' 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://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.biangblog.blogspot.com'>Biang blog</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;240&quot;, &quot;300&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 Save.

Selanjutnya kita bisa mengubah warna, ukuran, dan mengatur letaknya.

Setting secara default adalah sebagai berikut :
  • Lebar 240px
  • Tinggi 300px;
  • Warna Backgrund : Putih
  • Warna teks : abu-abu
  • Ukuran Font "12"

Mengubah ukuran Tinggi dan Lebar :

Cari kode ini :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
  • Yang warna merah adalah lebar
  • Yang biru adalah tinggi
Angka-angka itu adalah dalam satuan pixel. Kita bisa mengubahnya sesuai kebutuhan, menyesuaikan sidebar di blog kita.

Mengubah warna background :

Masih menggunakan kode di atas, background berwarna putih ditunjukkan dengan kode #ffffff

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


Kita bisa mengubahnya dengan warna lain misalnya warna merah muda. Ganti kodenya #ffffff dengan #ff0000. Cobalah ganti dengan kode-kode warna lainnya.


Mengubah warna text

Secara default, text berwarna abu-abu ( hex value #333333). Kita bisa menggantinya dengan mengubah kode di bawah ini.

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


Misalnya mau kita ubah menjadi hitam, ganti 333333 menjadi 000000 (Ingat, Ubah kode angkanya saja, tidak perlu menuliskan # )


Mengatur ukuran font

cari kode berikut ini :

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>");


Ukuran font saat ini adalah 12. Kita bisa mengubahnya lebih besar atau lebih kecil sesuai kebutuhan.

Selesai... Mudah bukan?

Untuk menampilkan blogumus diperlukan Flash Player . Kita bisa mendapatkannya dengan mengunduhnya di Adobe.

3 komentar:

Ibnu Kurniawan mengatakan...

Thanks gan dah kasih info.. Berguna banget..

Like this lah..

http://creatibstudio.blogspot.com/
http://better100.blogspot.com/

Unknown mengatakan...

BAGUS'AN WP CU,ULUS YANG ASLI, GAN.

Kang iOne mengatakan...

Makasih Sob,, sangat bermutu sekali,,salam kenal dari saya http://iwan-cellacopy.blogspot.com/ ;)

Related Posts with Thumbnails
CO.CC:Free Domain
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Biang Blog - Blogged Powered by  MyPagerank.Net Computers (Windows) - TOP.ORG Technology Blogs - Blog Rankings Internet Blogs Add to Technorati Favorites
Powered by Blogger