Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

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:

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 :
<center>
<div class="menuTitle" style="text-align:center;font:22px Droid Serif;font-weight:bold;color:blue;">Label Tag Cloud gubhug reyot</div>
<div class="box4" style="float:left;background:#222;border:6px solid #333;margin:20px 4px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;">
<div class="box3" style="float:left;background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-1.png) center repeat-x;border:3px solid #555;">
<div class="box2" style="float:left;background:transparent;border:3px solid #777;"> 
<div class="box1" style="background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-2.png) center no-repeat;border:3px solid #999;padding:0  5px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;">

Javascript Tag Cloud Cunulus Full Color

</div>
</div>
</div>
</div>
</center>

Rubah ukuran Tag Cloud Full Color
Setelah box selesai di perbaharui, sekarang kita akan rubah ukuran tag cloud full colornya melalui perubahan kode pada javascript. Lihat pada javascript dengan kode seperti di bawah ini :
var so = new 
SWFObject("https://sites.google.com/site/gubhugreyotprojects/tagcloud-cumulus/GR_cumulus-gubhugreyot.swf", "tagcloud", 
"250", "250", "7", "#333333");
- Kode yang berwarna kuning berfungsi untuk merubah lebar (width) tag cloud. Rubah sesuai lebar yang diinginkan sesuai kolom widget yang tersedia. Semakin diperbesar nilainya maka akan semakin lebar.
- kode yang berwarna hijau berfungsi untuk merubah tinggi tag cloud (height). Semakin besar nilainya maka akan semakin tinggi.

Box Kedua Tag Cloud Full Color
Sampeyan dapat juga memodifikasi box dalam bentuk seperti ini :
<center>
<div class="menuTitle" style="text-align:center;font:22px Droid Serif;font-weight:bold;color:blue;">Label Tag Cloud gubhug reyot</div> 
<div class="box4" style="float:left;background:#222;border:6px solid #333;margin:20px 4px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;">
<div class="box3" style="float:left;background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-1.png) center repeat-x;border:3px solid #555;">
<div style="color:yellow;margin:3px;">gubhug reyot</div>
<div class="box2" style="float:left;background:transparent;border:3px solid #777;"> 
<div class="box1" style="background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-2.png) center no-repeat;border:3px solid #999;padding:0  5px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;">  

Javascript Tag Cloud Cunulus Full Color </div> </div> </div> </div> </center>

Merubah Kecepatan Animasi gerak Tag Cloud Cunulus Full Color
Perbesar atau perkecil kode yang berwarna merah pada kode di bawah ini :
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x000000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "250"); 
Semakin kecil nilai "tspeed", maka kecepatan semakin lambat. Sebagai contoh gantilah dalam nilai 100.

Merubah Warna dan Ukuran Font Tag Cloud Cunulus Full Color
Lihat Kode yang seperti berikut ini :
<a href='Link-24' style='9' color='0x37fbcf' hicolor='0xb4acfb'>Nama Link-24</a>
  1. style='9' : Angka 9 dapat dirubah untuk memperbesar dan memperkecil ukuran font.
  2. color='0x37fbcf' hicolor='0xb4acfb' Kedua kode di samping berfungsi untuk merubah warna font pada link yang ditampilkan di tag cloud full color.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :





» Happy Blogging - gubhugreyot «

5 komentar:

  1. TERIMA KASIH PAK ..... SETELAH SAYA IKUTI SEMUA PETUNJUKNYA SAYA BERHASIL MEMBUATNYA ......

    SAMPAI TENGAH MALAM SAYA UTAK ATIK

    BalasHapus
  2. MOHON IJIN PAK : KOK SAYA NAMBAHIN LINK MALAH MENGECIL BAHKAN TIDAK BEKERJA ???
    CUMA BISA 9 LINK .... MOHON PENCERAHAN .....
    TERIMA KASIH SEBELUMNYA

    BalasHapus
  3. Terima kasih pak atas pencerahannya.... sudah bisa.

    BalasHapus
  4. resizenya oke BOS.............
    cuma sekarang-sekarang cloud saya jadi tak berisi tulisannya..apa ada yang di rubah gitu..
    terimakasih.......

    BalasHapus
  5. makasih info'nya ... MASTER

    gubuk-reyot nya aja udah begini hueeebat nya...
    apalagi ISTANA MEGAH'nya...

    MANTABS gan...

    BalasHapus

 
GR | Edited by | gubhug reyot