Cara Merubah Ukuran Tag Cloud Cumulus dengan Box Fleksibel

Supaya tag cloud cumulus full color yang sampeyan buat berdasar posting beberapa waktu yang lalu bisa ditempatkan di widget manapun dengan lebar kolom yang tersedia di blog, maka harus kita ubah desain boxnya dengan yang lebih fleksibel hingga ketika ukuran tag cloud di rubah maka box akan langsung menyesuaikan diri secara otomatis. Satu persatu akan kita bahas perubahan beberapa varible tag cloud dan box-nya secara berurutan.

Untuk mengikuti tutorial ini sebaiknya buka dulu tutorial tentang cara membuat label animasi tagcloud cumulus melalui link di bawah ini:

• Panduan membuat label animasi cumulus
• Panduan membuat tagcloud cumulus full color

Rubah Box Tag Cloud Cumulus Full Color

Bentuk Susunan Desain Tag Cloud Full Color - Box

<DIV>
Javascript Tag Cloud Full Color
</DIV>

Untuk lebih jelasnya silahkan buka kembali posting tentang tag cloud full colornya dengan KLIK link di bawah ini:
Membuat Tag Cloud Cumulus Full Color

Kode HTML dan Javascript Tag Cloud Full Color - Box yang digunakan sesuai posting sebelumnya

<div class="menuTitle" style="text-align:center;font:18px Droid Serif;font-weight:bold;color:blue;">Label Tag Cloud gubhug reyot</div>
<div class="box4" style="background:#222; width:278px;border:8px solid #333;margin:20px 0 20px 16px;">
<div class="box3" style="background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-1.png) center repeat-x;border:3px solid #555;width:272px;">
<div class="box2" style="background:transparent;width:266px;border:3px solid #777;"> 
<div class="box1" style="background:#999; width:250px; background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-2.png) center no-repeat;border:3px solid #999;padding:0  5px">
Javascript Tag Cloud Full Color
</div>
</div>
</div>
</div>

Rubah kode HTML Box Tag Cloud Full Color menjadi seperti di bawah ini :

Tag Cloud Cumulus Full Color: Buat dan Pasang Label Cloud Cumulus Full Color

Berbagai pertanyaan seputar widget label tag cloud cumulus full color berikut cara membuat background pada tag cloud cumulus spektacular ini kiranya akan langsung terjawab melalui panduan dan tutorial blogger cara membuat dan memasang widget label tagcloud animasi cumulus full color ini.

Untuk membuat tag cloud spesial ini, silahkan sampeyan membuka terlebih dahulu Panduan Praktis Cara Membuat Tag Cloud Animasi Cumulus Suka2 yang telah terposting beberapa waktu yang lalu. Silahkan KLIK link di bawah ini :

Tag Cloud Animasi Cumulus Suka-Suka

Kode HTML dan Javascript untuk membuat Tag Cloud Cumulus Full Color

Panduan Praktis Cara membuat Label Animasi Tag Cloud Cumulus Suka-Suka

Tak dapat di pungkiri bahwa Label Animasi Tag Cloud Cumulus merupakan satu widget label tercantik yang hingga detik ini belum tersaingi oleh widget label manapun. Animasi yang tercipta melalui file berekstensi .swf ini mampu memberi nuansa keindahan sebuah animasi dan tidak mengurangi sedikitpun fungsi utamanya sebagai sebuah label yang mampu melengkapi kebutuhan sebuah blog.

Meskipun dibeberapa waktu belakangan ini Label Cloud Cumulus mengalami beberapa kendala penggunaan berkaitan dengan matinya sumber pengaktifan tag cloud oleh sebuah situs (dihanguskanya javascript dan file swf oleh halotemplates.s3.amazonaws.com?), namun kini sampeyan tidak perlu khawatir lagi karena kita bisa membuat tag cloud animasi cumulus ini secara mandiri dengan cara mengupload file flash cumulus dan javascript-nya di free swf dan javascript hosting.
.

Mengapa kita perlu untuk membuat tagcloud cumulus yang mandiri :

Penggunaan tagcloud cumulus tidak berbeda dengan yang terjadi pada

Gunakan Tagcloud Istimewa Rounded Corners Tag Cloud: Panduan Blogger Kreatif

Tag cloud yang satu ini sangat jauh berbeda dari tag cloud yang selama ini ada dan dipakai oleh seluruh blogger. Dari pengamatan yang aku lakukan, bahkan belum ada satupun blogger yang memakainya. Seluruh komponen dalam tag cloud spesial ini dibungkus dalam bingkai berbentuk lengkung. Dari box hingga setiap linknya. Dan yang lebih penting dari itu semua adalah : Berfungsi dengan amat sempurna di semua browser atau istilah kerennya "compatible with all browsers" ! Kita masih akan menggunakan KODE CSS sebagai pilar desainnya pertimbangan karena pengisian ulang link pada tag cloud tidak terlalu sering dilakukan (bisa dikatakan jarang sekali!) sehingga penggunaan javascript tidaklah mutlak diperlukan. Penggunaan javascript dalam tag cloud ini justru terasakan penting pada desain rounded cornersnya karena bila kita menggunakan KODE CSS murni maka KODE CSS yang diperlukan menjadi terlalu banyak dan sangat tidak praktis serta membuat bingung. Rounded Corners Tag Cloud ini

Tutorial BloGGeR Edisi Khusus: Buat Perbedaan dengan CSS Tag Cloud with Rounded Corners

Untuk menggunakan CSS Tag Cloud with Rounded Corners ini langkah pembuatanya silahkan lihat di posting sebelummya atau bisa klik di sini. Tag Cloud ini juga sudah dicoba dan ternyata hasilnya sama bagusnya dengan yang sebelumnya. Bentuk tag cloud seperti gambar di bawah :



KODE CSS :

Cara Membuat CSS Tag Cloud: Panduan BloGGeR Special Edition

Membuat tag cloud tidaklah harus menggunakak javascript atau KODE html yang rumit dan cara pasangnya membuat pusing kepala. Dengan menggunakan KODE CSS yang simple kita bisa menciptakan sebuah tag Cloud yang sangat cantik dengan penampilan yang tak kalah menarik bila dibandingkan tag cloud lain dengan KODE atau script bejibun. Kelebihan penggunaan CSS murni ini tentunya yang jelas tidak bikin blog tambah "lelet".

Cara membuat CSS Tag Cloud :