Cara Membuat Efek Link Miring Saat Disentuh Cursor Blog

Cara Membuat Efek Link Miring Saat Disentuh Cursor Blog - Balik lagi. Tutorial lagi... Kali ini, saya akan bahas tutorial yang mempunyai kesamaan seperti tutorial sebelumnya. Tutorial tersebut adalah tutorial blogger pemula yang membahas tentang efek link. Kemarin-kemarin saya pernah bahas tutorial tentang efek link, yaitu  Cara Membuat Link Miring Ketika Disentuh Kursor dan juga Cara Membuat Efek Link Membesar Saat Disentuh Kursor

Sekarang, tutorial blogger yang termasuk kedalam efek link. Tapi, efek link ini saat link disentuh cursor blog, link akan miring atau italic. Mungkin banyak kalangan blogger yang menggunakan tutorial ini. Tapi, tutorial Cara Membuat Efek Link Miring Saat Disentuh Cursor Blog sangat sedikit ketika saya mencoba nya di search engine atau mesin pencari.

Entah apa penyebab nya. Mungkin para penulis artikel tidak mengetahui tentang tutorial yang satu ini. Tapi, sobat boleh mencoba tutorial yang satu ini dan di pastikan tutorial ini work jika sobat membaca tutorial nya dengan cermat dan baik. Karena, sebelum saya post semua tutorial disini, saya coba terlebih dahulu dan dapat di pastikan semua tutorial blogger pemula yang ada di blog ini 100% work.

Jika ada keluhan dari sobat ada yang tidak work, kemungkinan sobat membaca nya keburu-buru dan tidak di cermati.

Demo
Klik disini

Ini dia langkahnya:

Seperti biasa, 1. Login Blogger

2. Template

3. Edit HTML

4. Cari kode

a:hover {

(agar lebih memudahkan untuk mencari, klik secara bersamaan pada keyboard Ctrl + F)

5.  Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIBAWAH kode a:hover{ yang sudah sobat 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);}

6. Langkah selanjutnya, dengan klik Ctrl + F cari kode

 a:link {

7.  Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIBAWAH kode a:link { yang sudah sobat cari 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; }

8. Simpan

Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ

Tutorial Blogger

Judul	Cara Membuat Efek Link Miring Saat Disentuh Cursor Blog
Deskripsi	Cara membuat efek link miring saat disentuh cursor blog sangat banyak dipakai oleh kalangan pembuat blog. Dan memberi keunikan tersendiri saat link disentuh.
Author	Google
Author Rating	87%/ 100% Suara Dari 2103 votes