Halo semua dan salam blogger,kali ini kita akan membahas CARA MEMBUAT LABEL CLOUD YANG KEREN.hmmm mungkin setiap blog mempunyai label cloud yang berbeda-beda,ada yang biasa saja,ada yang keren,dan ada juga yang sangat keren.
jika anda suka yang ini.berikut cara membuatnya
1.aturlah label anda seperti ini
jika sudah.lanjut ke tahap ke 2
2.pilih Template dan edit HTML
3.copy kode HTML di bawah ini
.label-size{ margin:0 2px 6px 0; padding: 5px; text-transform: uppercase; border: solid 3px #102784; border-radius: 5px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:3px solid #108414; 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; }
4.paste kodenya di atas kode ]]></b:skin>
5.klik SIMPAN/SAVE
jika anda tidak suka yang begitu.apakah anda suka yang ini?
jika anda suka.berikut cara caranya
1.aturlah label anda seperti gambar tadi
2.pilih TEMPLATE dan edit HTML
3.copy HTML di bawah ini
/*--------Cloud Label from www.dianmotorcell.blogspot.com ------------*/
#Label1 a{outline:none;
border: 1px rgba(0,0,0,0.2) solid;
padding: 4px 6px 4px 12px;
text-decoration:none;
color:black;
white-space: nowrap;
font-family: arial;
font-size: 10px;
font-weight: bold;
position: relative !important;
background: #58E6F9;
float:left;
padding: 4px 3px;
margin: 0 5px 5px 0;
border-radius:8px 8px; -moz-border-radius:8px 8px 8px 8px;
-khtml-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px
8px; border-radius:8px 8px 8px 8px;
}
#Label1 a:hover {
background:#5BFDD5;
color:#5B5BFD;
}
#Label1 a:active {
background:#EC88C9;
}/*-------End cloud Label style---------*/
4.paste kodenya di atas kode ]]></b:skin>
5.simpan template
jika anda tetap tidak suka.apakah anda suka yang ini?
jika anda suka.berikut cara-caranya
1.aturlah label menjadi cloud
2.pilih TEMPLATE dan edit HTML
3.copy kode di bawah ini
* Label Could Warna-Warni - http://kurniasepta.blogspot.com */
.label-size-1 a {
font-size: 13px;
text-decoration: none;
color:#
4B8A08;
}
.label-size-2 a {
font-size: 15px;
text-decoration: none;
color:#
DF0101;
}
.label-size-3 a {
font-size: 16px;font-family: Arial, Trebuchet MS, Verdana;text-decoration: none;
color:#
045FB4;
}
.label-size-4 a {
font-size: 18px;
text-decoration: none;
color:#
DF7401;
}
.label-size-5 a {
font-size: 23px;
text-decoration: none;
color:#
045FB4;
}
.label-size-1 a:hover,
.label-size-2 a:hover,
.label-size-3 a:hover,
.label-size-4 a:hover,
.label-size-5 a:hover { text-decoration:
underline;}
4.paste kodenya di atas kode ]]></b:skin>
5.simpan template.
semoga bermanfaat bagi anda