1. Login dahulu di blogger
2.Pada Dasbor Klik Rancangan/Design
3.Kemudian Klik EDIT HTML
4.Dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget
5. Kodenya di bawah ini :
#tejakode {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out;
-webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color:
#FFFFFF;border:1px solid
#C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:
5px;border-radius:5px;background: #000;}#tejakode:hover {color:
#000;-o-transform:scale(1.2) translate(40px,40px)
rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px)
rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px)
rotate(0deg); background:#555;-o-transition: all 1.2s
ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s
ease-in;}
6..Letakan CSS Berikut Tepat Diatas kode ]]></b:skin>
7. Save di blog anda
Kemudian Bagaimanakah Cara Pemakaiannya ????
hehehe
Cara Meletakannya Didalam Postingan
- Pada Tab HTML ( ingan Tab HTML )
- Masukan KOde Pemanggil
<div id="tejakode">dan disini letak apapun itu terserah sobat</div>
Simpan dehh......
0 komentar: