Cara Buat Widget Label Cloud Unik Dan Elegant Terbaru



Kali ini admin akan memberikan TIPS  untuk membuat widget keren utk label Cloud Unik  Dan Elegant tersebut supaya kelihatan cantik dan menarik.
Langkah-langkah dari membuat  widget Label Cloud Unik Dan Elegant  tersebut sebagai berikut :
Pada langkah inia dmin akan menyimpan kode CSS nya pada terlebih dahulu :

* login blogger Anda
* Didasbor pilih menu Template
* Kemudian pilih lagi Edit HTML
* Klik Lanjutkan
* Centang kotak Expand Template Widget
* Cari kode ]]></b:skin>
* Setelah ketemu copy kode berikut dan paste diatas kode ]]></b:skin>

.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;






* Setelah itu klik simpan template kemudian klik tutup.

Pada  Langkah selanjutnya Kita akan mengatur tampilan widget cloud nya :
*Klik menu Tata Letak
*Kemudian Pilih menu Tambah Gadget, terserah Anda mau meletakkan kode nya bisa disidebar kanan/kiri atau pun dibagian bawah.
*Pilih tulisan HTML/JavaScript --> klik Label kemudian atur lah sesuai dengan contoh gambar dibawah ini :


*Langkah terakhir silahkan klik simpan dan lihat lah hasilnya.
    semoga sukse, sekian wassalam, dan setelah di baca tinggalkan comentar nya sobat..!!

Title : Cara Buat Widget Label Cloud Unik Dan Elegant Terbaru
Description : Kali ini admin akan memberikan TIPS  untuk membuat widget keren utk label Cloud Unik  Dan Ele...

21 Responses to "Cara Buat Widget Label Cloud Unik Dan Elegant Terbaru"

  1. thanks sob sangat bermanfaat (y)

    BalasHapus
    Balasan
    1. oke, thnk's juga sob, telah berkomentar d blog ane..!!

      Hapus
  2. Tolong follow balik ya mas http://abok51.blogspot.com/

    BalasHapus
  3. Balasan
    1. sip gan, terima kasih atas comentar nya mas Adhi Blogz,
      semoga sering mampir d blog ane, thnk's for you...!!!

      Hapus
  4. Artikel yang bagus
    logwalking juga ya sob :)

    BalasHapus
    Balasan
    1. iya sob,
      blogwalking Sukses sob..!!

      Hapus
  5. jom join GA
    http://cyanxkamo.blogspot.com/2013/03/give-away-ga-birthday-akiff-ke-2-tahun.html

    BalasHapus
  6. Izin Coba Sob =D

    comback : http://aditmadzs.blogspot.com

    BalasHapus
    Balasan
    1. oke, silahkan sob :)
      thnk's sob atas visit,comment nya..!!

      Hapus
  7. Nice tutor ny sob

    mampir balik

    BalasHapus
  8. oke, sob
    yg pasti nx sob..~~!!

    BalasHapus
  9. wah baru lihat ini saya label unik dan juga terlihat simple memang mantap deh sobat (Y) :) thanks yo kalau ada waktu mampir juga kesini ok www.naufalthedarkness.blogspot.com

    BalasHapus
  10. bermanfaat,.. saya suka blog anda.. rapi dan suejuk.. terima kasih

    BalasHapus
  11. Ternyata widget label cloud nya ber-animasi ya, pantes agak berat! :D

    BalasHapus
  12. bagus bro

    http://mas-basir.blogspot.com

    BalasHapus
  13. Follow My Blog please .. ^_^ http://mixnewdevoleper.blogspot.com/

    BalasHapus