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

:)
:(
=(
^_^
:D
=D
|o|
@@,
;)
:-bd
:-d
:p

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