Rendy Note

Hay Para Visitor blog ini :D !!
udh lama ya ? admin gk post hahaah karna admin udh agak bosen ngeblog :3 haahah tpi skarang admin akan post Cara Membuat Foto Profile Di blog Berputar Saat Tersentuh mouse seperti gambar di samping :D klik aja klo kurang jelar gambar nya :) dan baca juga postingan admin kemaren Cara Membuat Headline Di atas Header , Cara Membuat Tab view menu/multi tab di blog klo ingin melihat klik aja link nya :)
oke Sekarang Admin akan Share Tutorial Cara Membuat Foto Profile Di blog Berputar Saat Tersentuh mouse Perhatikan Baik-Baik kwkwkwwk
TUTOTIAL :
1 LOGIN BLOGGER
2 masuk ke rancangan
3 klik EDIT HTML
4 Paste kan CSS du bawah ini di atas kode ]]></b:skin>

/* Profile berputar by X-T */
.profile-img{border: 8px double #aaa; border-radius: 4px; box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #0c00f7;
-moz-box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #0c00f7;
-webkit-box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #0c00f7;
-o-transition: margin-left 1.5s ease-in 2s, margin-top 1.5s 2.5s, -o-transform 1.5s ease-out 1s, opacity 2s ease-in;
-moz-transition: margin 1.5s ease-in 2s, -moz-transform 1.5s ease-out 1s, opacity 2s ease-in; -webkit-transition:margin 1.5s ease-in 2s, -webkit-transform 1.5s ease-out 1s, opacity 2s ease-in; background:transparent; float:left; margin:0 10px 5px 0; padding:0}
.profile-img:hover { opacity: 1.0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 1px 1px 1px #33F, -1px -1px 1px #33F, 0 0 16px #33F; margin: 40px 0px 20px 10px; -o-transform: rotate(1460deg) scale(1.8) translate(35px, 10px); -moz-transform: rotate(1460deg) scale(1.8) translate(35px, 10px); -webkit-transform: rotate(1460deg) scale(1.8) translate(35px, 10px); -o-transition: margin-left 1.5s ease-in 0.1s, margin-top 1.0s, -o-transform 2.5s ease-out 1.4s, opacity 1s ease-in 1s; -moz-transition: margin 1.5s ease-in 0.1s, -moz-transform 1.0s ease-out 1.4s, opacity 1s ease-in 1s; -webkit-transition: margin 1.5s ease-in 0.1s, -webkit-transform 1.0s ease-out 1.4s, opacity 1s ease-in 1s;}
.profile-data{color:red; margin:0; padding:0; letter-spacing:.1em; font-weight:bold}
.profile-datablock{margin:0}
.profile-textblock{margin:5px 0}
.profile-link{color:blue; font-size:12px; letter-spacing:.1em}

5 . Simpan dan lihat hasil nya arahkan mouse ke foto profile blog kamu :)