Cara menambahkan widget Tag Cloud dan 3D Sphere Tag Cloud ke Blogger

Cara menambahkan widget Tag Cloud dan 3D Sphere Tag Cloud Ke Blogger / Blogspot / Blog

A. Tag Cloud

1. Buka Blogger


2. Buka menu tata letak di sidebar kiri


3. Cari tombol '' tambahkan gadget '' di lokasi keinginan anda


4. Di layar pop-up yang muncul cari dan pilih '' label ''


5. Di menu konfigurasi di bagian '' tampilkan '' pencet lingkaran di sebelah kata '' cloud ''


6. Pilih simpan

B. 3D Sphere Tag Cloud ( Daftar Label Berbentuk Bola 3 Dimensi )

Sumber http://i-blogtools.blogspot.com/2011/11/how-to-add-3d-spherical-animated-tag.html

1. Menu sidebar> Template> Edit HTML letakkan kursor di kotak teks lalu tekan CTRL+F (secara default untuk Search )


2. Di kotak search cari kode  <b:section class='sidebar' id='sidebar' preferred='yes'> atau b:section-contents id='sidebar-right-1'> atau b:section-contents id='sidebar-left-1'>  masih tidak ada? cobalah untuk membuat sendiri, lakukan cara membuat tag cloud diatas TANPA MEMILIH MODE CLOUD, lalu cari kode <b:widget id='Label1' locked='false' title='Label' type='Label'> setelah ketemu, diatas kode tersebut ada tulisan seperti <b:section class='main5' id='main5' showaddelement='yes'> atau sejenisnya hapuslah kode <b:widget id=.... sampai dengan </b:widget> yang pertama kali anda temui (anda harus mau membaca 1 per 1 masih tidak ada? komentar! 


3. Copy script berikut                                                                                                           <b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2> <br /><data:title/></h2> <br /></b:if><br /><div class='widget-content'> <br /><script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/><br /><div id='flashcontent'> <br />Blogumulus</div> <br /><script type='text/javascript'><br />var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "160", "200", "7", "#ffffff");<br />// uncomment next line to enable transparency<br />//so.addParam("wmode", "transparent");<br />so.addVariable("tcolor", "0x800060");<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 expr: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 />

Customization

Mengganti warna teks> ("tcolor", "0x800060") ganti 0x800060 dengan angka pilihan anda angka ini adalah angka 9x9x9 liat tabelnya di http://geoffair.net/mperl/colors9.htm , pilih warna di antara kotak-kotak yang ada lalu salin kode 9x9x9 dibawahnya seperti 0xffffff (putih) sebenarnya ffffff itu adalah kode HEXADECIMAL, belajar disini http://www.2createawebsite.com/build/hex-colors.html

Mengganti warna latar belakang (belum saya coba)> "tagcloud", "160", "200", "7", "#ffffff" ganti #ffffff dengan warna HEXADECIMAL

Mengganti ukuran tinggi> "tagcloud", "160", "200", "7", "#ffffff" ganti 200 dengan ukuran pixel 

Mengganti ukuran lebar> "tagcloud", "160", "200", "7", "#ffffff" ganti 160 dengan ukuran pixel

Mengganti ukuran teks (belum saya coba)> "var='label'><a expr:href='data:label.url' style='12'>" ganti 12 dengan ukuran bebas

Mengganti kecepatan bola berputar (belum saya coba)> ''so.addVariable("tspeed", "100");'' ganti 100 dengan angka apa saja, belum saya coba sih