Animasi Hover Untuk Link Tertentu

Selamat Pagi Sahabat DJ Site Semua,

Semoga anda Semua tetap Dalam keadaan baik hhe.... Potingan ini Jujur bener-bener gak sengaja keluar haha..... soalnya tadinya hari ini saya mau cerita doank, tapi besok aja lah ceritanya haha... Nah, kenapa saya bilang postingan ini gak sengaja keluar? karena Idenya dateng setelah saya bikin 1 postingan reQuest di Blog Sejarah (biasa Anak-anak SMP dan SMA lagi pada getol Ngerjain Tugas sejarah jadi pada nyasar kesitu dan berhubung saya Admin Blog itu juga ya saya Penuhi dulu janji saya hhe). Sebenernya reQuestnya gak ada nyambung-nyambungnya sama Blog ini Soalnya yang di ReQuest kan Sejarah Indische partij dan yang mau saya posting pagi ini masih berbentuk tutorial. Tapi waktu bikin Link Lestarikan Sejarah Bangsa Kita!! diakhir postingan blog itu, Ide ini mendadak muncul, Ide apaan? Link dengan Animasi Hover. Sebenernya penerapan Link Animasi Hover ini harusnya untuk semua Link, tapi berhubung saya gak terlalu suka dan lebih suka untuk link-link tertentu sebagai penekanan makanya saya cuma bikin untuk Link yang saya mau kasih. Dan saya pikir kenapa gak sekalian saya kasih aja ke Anda.

Demonya ke Blog Sejarah aja ya klik DISINI, terus masuk kepostingan paling atas tentang Sejaran Indische Partij dan arahkan Kuesor anda ke tulisan paing bawah, Persis kaya gambar diatas deh pokoknya(Klo gak disentuh Kursor Warna biru dan klo diarahkan Kursor Berubah merah), Udah deh gak usah lama-lama, langsung aja ya:

1. Login dengan akun Blogger anda masing-masing(jangan pake Punya orang ya haha)
2. Sampai di Dasbor Pilih Rancangan atau Design
3. masuk ke Edit HTML(centang Expand Template Widget-nya)
4. Biar aman Save Dulu deh mendingan templatenya(takutnya anda gak percaya sama saya wkwkw)
5. Cari Kode Dibawah ini

]]></b:skin>

6. Udah ketemu? Masukkan Script CSS dibawah ini tepat diatas Kode ]]></b:skin>

a.animacss3 {
font:12px Trebuchet MS;
font-weight: bold;
text-decoration: none;
color: blue;
cursor: pointer;
-webkit-transition: all .85s ease;
-moz-transition: all .85s ease;
-o-transition: all .85s ease;
transition: all .85s ease;
}
a.animacss3:hover {
color: red;
text-shadow:1px 1px 2px #000;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
text-decoration: underline;
background: #CCC;
}

7. klo udah save template anda

Dan untuk manggilnya anda bisa menggunakan Ini:

<a class="animacss3" href="http://dj-site.blogspot.com.blogspot.com">DJ Site</a>

Taruhnya ya di Edit HTML postingan anda klo mau taruh di postingan, pokoknya suka-suka terserah anda, dan warnanya fontnya juga silahkan sesuaikan aja dengan keinginan anda, saya pake warna Biru dan merah karena blog sejarah saya kebanyakan menuju merah haha....

* Karena saya masih belum terlalu Ngerti beda CSS sama CSS3 itu apa jadi di judulnya saya belum berani bilang itu CSS3, klo Bang Hendro bilang itu CSS 3 baru di judul saya tambahin......

Buat Sahabat DJ Site Semua Happy Blogging 'N Met Aktivitas hhe....