Selasa, 12 Maret 2013

Cara Membuat Text Link Menjadi Miring Pada Blog

Kalo sebelumnya Textnya bergeser/membesar.... sekarang Textnya menjadi miring!!! hayo gimana tuh!!! mau tahu caranya gak??? OK Langsung aja yuk .?  

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 mencoba! :) Bye !!!
Comments
0 Comments

0 komentar:

Posting Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))

◄ Posting Baru Posting Lama ►
 

Translate

Formulir Kontak

Nama

Email *

Pesan *

SINDOnews

Blogger Tips And Tricks

Statistik

Entertainment

Members

Copyright © 2013. ADITYA KUSUMA D - All Rights Reserved B-Seo Versi 4 by Blog Bamz