Setelah beberapa hari ini saya mengganti tampilan blog ini dengan wajah baru dan sedikit edit sana sini, akhirnya beres juga walopun masih ada yang harus di renov dikit lagi. Kalo kamu liat di kolom sebelah kanan ada widget tag berbentuk flash animation, itu adalah WP Cumulus yang aslinya dari Wordpress.
WP Cumulus ini buatan Roy Tanck’s yang aslinya hanya untuk Wordpress aja, namun WP cumulus ini di edit ulang oleh Blogger Buster sehingga bisa dimuat di Blogger seperti yang ada di blog ini. Oke, kalo kamu mo tau cara install WP Cumulus ini di blog kamu, langsung aja deh ikutin langkah - langkah berikut ini :
Masuk ke account blogger kamu. Pilih Layout, lalu Edit HTML.
Cari kode berikut :
WP Cumulus ini buatan Roy Tanck’s yang aslinya hanya untuk Wordpress aja, namun WP cumulus ini di edit ulang oleh Blogger Buster sehingga bisa dimuat di Blogger seperti yang ada di blog ini. Oke, kalo kamu mo tau cara install WP Cumulus ini di blog kamu, langsung aja deh ikutin langkah - langkah berikut ini :
Masuk ke account blogger kamu. Pilih Layout, lalu Edit HTML.
Cari kode berikut :
<b:section class='sidebar' id='sidebar' preferred='yes'>kalo susah carinya, gunakan Ctrl+F biar gampang.
Kalo dah ketemu, copy kode berikut dan paste tepat di bawah kode tersebut diatas :
Kalo dah ketemu, copy kode berikut dan paste tepat di bawah kode tersebut 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://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("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 expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>Save dan selesai deh. Gampang kan ?
Karena secara default settingan WP Cumulus ini adalah :
Lebar = 240px
Tinggi = 300px
Warna dasar = putih
Warna teks = abu - abu
Ukuran teks = 12
maka untuk lebih mempercantik tampilan dan menyelaraskan dengan sidebar di blog kamu, perlu di setting ulang.
Untuk settingan lebar, tinggi dan warnanya, cari kode berikut :
Karena secara default settingan WP Cumulus ini adalah :
Lebar = 240px
Tinggi = 300px
Warna dasar = putih
Warna teks = abu - abu
Ukuran teks = 12
maka untuk lebih mempercantik tampilan dan menyelaraskan dengan sidebar di blog kamu, perlu di setting ulang.
Untuk settingan lebar, tinggi dan warnanya, cari kode berikut :
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");Angka 240 diatas adalah untuk lebar, dan angka 300 adalah untuk tingginya, sedang #ffffff adalah untuk warna dasar WP Cumulus.
Sedangkan untuk settingan warna teks dan ukuran teks, cari kode berikut :
Sedangkan untuk settingan warna teks dan ukuran teks, cari kode berikut :
so.addVariable("tcolor", "0x333333");dan kode berikut :
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>");Angka 333333 adalah untuk warna teks, sedangkan angka 12 adalah ukuran teks tersebut.
Mungkin ada yang sedikit bingung dengan kode warna tersebut ? Cari aja di photoshop warna yang kamu mau dan lihat kode warnanya.
Mungkin ada yang sedikit bingung dengan kode warna tersebut ? Cari aja di photoshop warna yang kamu mau dan lihat kode warnanya.
0 komentar