Memasang cumulus di blogspot

mengikuti tutorial di internet memang ga selamanya mudah dan semudah yang diajarkan. pada akhirnya unjuk kerja praktek kita yang membuahkan hasil/ tidak…
Para pengguna WordPress beberapa bulan terakhir boleh berbangga setelah RoyTanck membuat sebuah plugins wordpress yang selanjutnya kita kenal sebagai Cumulus-Wp atau lebih sering disebut Cumulus. Penggunaan Cumulus sebagai pelabelan terhadap posting lumayan banyak menyita perhatian para blogger hingga pada akhirnya beberapa orang dari komunitas blogger mencoba memasang cumulus di blog mereka.

Jika anda penasaran seperti apa sih Cumulus silahkan Klik Disini

Sejak itu maka tampaklah awan cumulus seperti bola dunia yang menghiasi beberapa blog di jaringan blogger. Bagaimana cara memasang awan cumulus di blog??semaleman saya mencoba mencari tahu dan kebetulan dapat dari beberapa blog temen lain. Sayangnya karena saya membuka 3 tutorial sekaligus hasilnya Cumulus tidak mau nampang di blog saya. Setelah percobaan ke sekian kali akhirnya awan Cumulus itu nangkring juga di blog saya….

Hmm sayang nya lagi2 Multiply mungkin masih tetep keukeuh untuk tetap mengoptimalkan jaringan antar pengguna daripada mengijinkan penggunanya menggunakan javascript dan melakukan bisnis besar2an via Multiply.

Ok Mari kita coba membuat Cumulus di blogger.
Pertama masuk login di blogger lalu masuk ke Layout, Edit HTML, jangan lupa centang expand widget templates.

Selanjutnya lakukan pencarian kode dibawah ini

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

setelah menemukan kode tersebut pastekan kode ini tepat dibawahnya

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


Selesai dan simpanlah template ini. lihatlah blog anda dan perhatikan apa yang terjadi

Jika anda ingin mengubah tampilan awan ini gunakan beberapa perubahan dibawah ini

Mengubah ukuran widget

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

Mengubah warna Background

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

Mengubah warna huruf

so.addVariable(“tcolor”, “0x333333“);

Mengubah ukuran huruf terbesar

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

Mengubah kecepatan rotasi

so.addVariable(“tspeed”, “100“);

Hmm yak kira2 begitulah tutorialnya…
Gak terlalu ribet kalo sudah berhasil bikinnya hehehe



Tinggalkan komentar

(Note, links and most HTML attributes are not allowed in comments)

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Ingin produk/website Anda kami ulas? Silahkan klik tombol dibawah ini