Skip to main content

MEMODIFIKASI TAMPILAN LABEL BLOG

Tampilan label blog kalian biasa-biasa saja dan membosankan...??
mau merubah tampilan label blog kalian lebih menarik...??
mungkin salah satu trik ini bisa kalian gunakan..., caranya sangat mudah...
oke langsung saja... check it out... :D

1. login seperti biasa ke akun blog kalian
2. cari kode ]]></b:skin> lalu copas kode css berikut di atasnya...

<style type="text/css">
    div#socialicons1 img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    }
    div#socialicons1 img:hover{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    }

.label-size{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #4F4F4F;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#FF4F4F}
.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;text-shadow:0 0 8px red;color:#A91B33;}
</style>

3. simpan dan lihat hasilnya :)

sekian semoga membantu... terima kasih :)

Comments

Post a Comment

Popular posts from this blog

MEMBUAT LOADING PAGE SAAT MASUK BLOG

selamat dini hari saudara :) setelah lama sekali vakum dari dunia per-bloging-an (haha alay) akhirnya bisa bloging dan berbagi lagi dengan kawan-kawan sekalian nah, kali ini saya akan berbagi tentang caranya "Membuat Loading Page Saat Masuk Blog" nah, kalau lihat judulnya saja, lihat kata-katanya "loading" pastinya sudah tau dengan yang saya maksud. Kalau belum tau, dicoba aja, nanti pasti tau juga, contohnya bisa lihat saat kalian mengakses blog ini dan sedang loading pasti keliatan ada animasi loadingnya :D :P ok, langsung ke TKP saja kawan :) 1. Login Blogger 2. Masuk ke menu Template 3. Pilih Edit HTML 4. cari kode </head> lalu paste kode berikut tepat diatasnya :) <!-- Loading Page Script --> <style type='text/css'> /* add loading image */ body { background:#4B4B4B url( http://fc03.deviantart.net/fs71/f/2013/003/6/9/partart_loading_boredoom_6_by_g2k2007-d5q8zyt.gif ) no-repeat fixed center; } /* hide page div */ #