Cara Modifikasi Widget Label Cloud keren

Tags

triknews - Cara membuat atau memodif indeks label Cloud . Beragam cara untuk membuat label cloud menjadi lebih menarik yaitu dengan cara menambah kode CSS pada ruangan html blog anda, dan widget label ini nantinya akan terlihat miring beberapa derajat jika tersentuh maost, bagaimana anda penasaran.? seperti apa tampilan widget tersebut, oky langsung saja kita ikuti satu langkah praktis di bawah ini.

Berikut Cara Modifikasi Widget Label Cloud keren


Modifikasi Widget Label Cloud

Baca juga : Cara Modifikasi indeks label cloud warna warni

  • Login ke >> Blogger.com
  • Pada Dasbor pilih menu >> Template >> Edit HTML
  • Silahkan anda cari kode ]]></b:skin> (Gunakan CTRL+F untuk mempermudah pencarian)
  • copy paste kode css berikut tepat di atas kode ]]></b:skin>


/*-----Custom Labels Cloud widget by Trikpos/----*/
.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;
}

Baca juga : Cara membuat widget popular post warna warni rata pinggir di sidbar

Klik simpan: Bagaimana mudahkan..? trimakasih atas kunjunganya jangan lupa sempatkan kirim komentar untuk artikel ini,

Demikian penjelasan kami mengenai Cara Modifikasi Widget Label Cloud Semoga bisa menjadi referensi serta bermanfaat bagi anda.

1 komentar so far

Punyaku juga hasil dari modifikasi.


EmoticonEmoticon