Tuesday, November 30, 2010

Membuat Label Blogumus 100% Work

Blogumulus adalah widget dengan menggunakan flash object dimana akan menampilkan tampilan Label pada blog anda terkesan berputar/bergerak, very nice cool effect,
Ada banyak tutorial yang membahas cara memasang widget ini pada Blogger, namun kebanyakan tidak bisa dijalankan pada blog anda,
Langsung saja kalau begitu. .
Pergi ke menu layout > Pilih edit HTML > dan kemudian cari tag seperti ini.
<b:section class='sidebar' id='sidebar' preferred='yes'>
Atau seperti ini.
<div class="main section" id="main2">
Setelah ketemu, maka copy dan pastekan script di bawah ini tepat dibawah tag diatas,

<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://mopheat.site40.net/recources/tagcloud/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://mopheat.site40.net/recources/tagcloud/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>

Untuk melihat previewnya, jika anda menginstal secara benar, maka akan muncul sidebar “label” di blog anda
Jika telah sesuai maka klik SAVE.

Selanjutnya kita atur warna dasar, ukuran dan letaknya.

Settingan defaultnya adalah sebagai berikut:
  1. Lebar 240px
  2. Tinggi 300px
  3. Warna Background Putih
  4. Warna text Abu-abu
  5. Ukuran font 12

Merubah Ukuran Tinggi dan Lebar
cari kode seperti ini:

var so = new SWFObject(&quot;http://mopheat.site40.net/recources/tagcloud/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);

Yang Warna merah adalah lebar
yang warna biru adalah tinggi

Mengubah Warna Background

Masih dengan kode yang sama, background warna putih ditunjukan dengan kode #ffffff
Kode tersebut bisa anda ganti sesuka anda.
Klik disini untuk mengetahui kode-kode warna pada blog
Merubah Warna Text

Cari kode seperti di bawah ini:

so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);

Dengan mengubah angka 333333 kita sudah bisa merubah warna textnya.

Mengatur Ukuran Font
Cari kode seperti di bawah ini:

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

Ukuran font yang dipakai adalah "12", anda bisa merubah font standar tersebut dengan ukuran yang anda inginkan.

Klik disini untuk mengetahui kode-kode warna pada BLog
Thats So Easy. .

0 comments:

Post a Comment

Mohon maaf untuk komentar yang masuk harus terlebih dahulu melalui moderasi untuk menghindari adanya hal-hal yang tidak diinginkan dan juga SPAM..