Edit Label di blogger dengan Keren

adscblog

Selain Popular Post kali ini saya akan berbagi pengalaman untuk meng edit Label agar label tersebut yang berada di widget semakin keren aja penampilan nya,Kali ini saya akan share untuk pembuatan Label tersebut yang dimana Label tersebut tersentuh maka Label tersebut akan bergerak,dengan demikian Para pengunjung blog pun akan semakin terkagum dengan penampilan blog anda,untuk pembuatannyapun sangat mudah,anda hanya perlu menempatan kode CSS di template anda,dengan menempatkan kode CSS label tersebut maka dengan Otomatis Label di template anda akan menjadi keren,dan di bawah ini adalah kode label Tersebut

/*-----Custom Labels Cloud widget by Copast-master.blogspot.com----*/
.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;
}

Selamat mencoba dan semoga berhasil, adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 12 Juni and have 0 komentar