2
Cara Membuat Label Cloud Keren di Blog - Tag Label dibagi menjadi 2 yaitu tipe List dan Cloud. Widget ini juga sangat berguna untuk mempermudah pengunjung blog untuk menemukan artikel yang dicari.


Cara Membuat Label Cloud Keren di Blog

Cara Membuat :

  1. Login ke Blogger dulu.
  2. Template
  3. Edit HTML
  4. Cari kode ]]></b:skin>, dan letakan kode dibawah ini tepat diatasnya 

/*-----Labels Cloud----*/ .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 #B20000; 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; }

dan tinggal klik simpan 

Cara Pasang :

  • Login ke Blogger
  • Tata Letak
  • Add a Gadget > Labels
  • Ganti "List" menjadi "Cloud"
  • Dan klik save
Sekian Tutorial dari Firman Blog jangan lupa untuk berkomentar,
bila ingin mendapatkan updatean artikel dari Firman Blog bisa klik "Join this site"

Post a Comment Blogger

2 blogger-facebook

Dicobain dulu...thx infonya gan

makasih gan infonya, salam hangat pecinta blogger

Komentar yang menyertakan link aktif, iklan, atau titip link, akan dimasukan ke folder SPAM.
Untuk pertanyaan di luar topik artikel silahkan tag [OOT]
menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DI SINI...</i> atau <i rel="pre">KODE ANDA DI SINI...</i>
menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Tools Konversi

 
Top