Label Cloud (Awan Cumulus)

Label Cloud (Awan Cumulus)

Blogumus adalah widget yang berfungsi untuk menampilkan kategori/label blog dalam bentuk animasi. Widget ini diadopsi dari WP-Cumulus, sebuah plugin yang dibuat untuk blog-blog yang berbasis WordPress tetapi dimodifikasi hingga akhirnya bisa ditampilkan di Blogger. Sebelum membuatnya pastikan widget label anda sudah terpasang di sidebar, untuk yang belum paham cara menampilkan widget label silahkan baca turorialnya disini. Ingat nama label yang anda gunakan, disini saya mengganti nama label tersebut menjadi “Kategori”.

- Buka Dashboard blog anda

- Klik Layout

- Lalu pilih Edit HTML

- Beri tanda ceklist pada Expand Widget Templates

- Cari kode dibawah ini:

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

- Setelah ditemukan, letakkan kode berikut ini dibawah kode tadi:

<b:widget id="'Label1'" locked="'false'" title="'Kategori'" type="'Label'"><br /><b:includable id="'main'"><br /><b:if cond="'data:title'"><br /><h2><data:title/></h2><br /></b:if><br /><div class="'widget-content'"><br /><script src="'http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'" type="'text/javascript'/"><br /><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><br /><script type="'text/javascript'"><br />var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");<br />// uncomment next line to enable transparency<br />//so.addParam("wmode", "transparent");<br />so.addVariable("tcolor", "0x333333");<br />so.addVariable("mode", "tags");<br />so.addVariable("distr", "true");<br />so.addVariable("tspeed", "100");<br />so.addVariable("tagcloud", "<tags><b:loop values="'data:labels'" var="'label'"><a href="'data:label.url'" style="'12'"><data:label.name/></a></b:loop></tags>");<br />so.addParam("allowScriptAccess", "always");<br />so.write("flashcontent");<br /></script><br /><b:include name="'quickedit'/"><br /></div><br /></b:includable><br /></b:widget>

- Klik SAVE TEMPLATE

- Selesai

Keterangan:

* Lebar : 240px
* Tinggi : 300px;
* Warna Backgrund : Putih
* Warna teks : abu-abu
* Ukuran Huruf : “12″

Mengubah ukuran lebar dan tinggi:

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

Lebar : 240px
Tinggi : 300px

Mengubah warna background:

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

Mengubah warna teks:

vso.addVariable("tcolor", "0x333333");
Warna Teks : 333333 (Abu-abu)

Mengubah ukuran huruf:

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

Sumber : Blogger Buster

Related Posts