Animasi Hover Untuk Link Tertentu
Responsive Ads
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
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 {
Responsive Ads
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;
![Bukan Karena Terpaksa, Tapi Karena Kecintaan [Menjawab Pertanyaan Tentang Ngeblog]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi8uSbRSpAnAX-v0RdSZjXJfbmNNgLSQNhfynuaRISG-T9YUV-BPDStfzDXkTBEp_Q1_dhLUc6Z9fMNTUV6KzuLDz4LhYbdG4xTKU9uaXS7GXUL2_AYvcOWqnSB-faLrxyKueWMuVE-LM/c/IMG0367A.jpg)
Bukan Karena Terpaksa, Tapi Karena Kecintaan [Menjawab Pertanyaan Tentang Ngeblog]
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
Responsive Ads
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....
* 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....
Responsive Ads
aku gak mau kalah sama kamu, besok aku juga mau ngasih tutorial.. "tutorial membuat bayi" hahahaha..
tapi knapa gak ada 1 pun yang aku ngerti ya....
puyeeeeng...hehehehe
duh edit html lagi....gi pusing nih...
tapi kapan nyobanya?
makasih tutorialnya.
blog ku yg jadul,,yg 1 lagi dan ancur gara2 kuotak-atik...hehehe
sebenernya tutorialnya gampang siy,,,cuma aku puyeng duluan liat kode2itu..hehehehe
pengen juga ikut nyoba2, moga2 ga eror
udahan dulu ya, mau baca2 blog dj site yang satunya
maaf baru bisa mampir sob, makasih udh share nih n happy blogging aja
btw blognya udah bisa nih make chrome
kemaren2 kalo aku buka blog kamu pasti gak bisa kebuka kalo make chrome
nah kalu ini css3 kan terlihat di transform dengan scale yang menambahkan pembesaran,di tambah skew, rotate, origin juga bisa..pokonya mantep sob..
Sukses slalu sob.. btw mudik ga nich sob
Tentang Pakies Note, masih mikir dulu. Ngurusi si Djangan aja belum maksimal.
Oke sob, met berkarya, met bekerja, met tidak mudik (lho) ..........
Langsung ngebLank kaLo baca tutor CSS, apaLagi bedanya. hehehe...