Cara Membuat Text Link Menjadi Miring Pada Blog"

Cara Membuat Text Link Menjadi Miring Pada Blog"

"Hiii,,,"
Oiy aku baru pulang kuliah nihh,,, bingung mau ngerjain apa ???
hmm,,,ada ide nie bagusan aku kasih tau dja ya...

disni aku mau ngasih tau step "cara membuat text link menjadi miring pada blog"
yuuukk,,,ikuti step nya,,,


1) Sign in akun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode ini.

a:hover {

4) Kemudian copy paste kode di bawah kode a:hover { yang kalian cari tadi :

transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);

contoh:

 a:hover {
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);

5) Sekali lagi, dengan menggunakan ctrl + F, cari kode di bawah tadi :

a:link {

6) Kemudian copy paste kode di bawah kode a:link { tadi :

transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;

Contoh:

 a:link {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;

7) Klik preview, jika gak ada error, klik save dan lihat hasilnya.

Selamat mencuba! :)


"Wassalamualaikum"

Read my Tutorials the other

• "Cara Membuat Text Membersar Apabila Cursor Menyentuh Link Pada Blog"
• "Cara Membuat Scrolling Text Pada Blog"
• "Cara Membuat Text Berkelip Pada Blog" 

Selamat mencoba,,,
semoga berhasil,,, :)