Selasa, 12 Oktober 2010

Cara Memberi Efek Hover Shadow

Cara Memberi Efek Hover Shadow- Akhir akhir ini saya sangat tertarik sekali sama yang namanya efek hover. Memang bagi para blogger dan saya sendiri sudah tau betul yang namanya efek hover..Bagi anda yang belum tau apa yang dinamakan efek hover yaaa.. saya kasih tau.. Hyhyhy. Efek Hover adalah Efek yang
di tunjukkan (bisa apa saja) pada halaman website atau blog cursor kita,kita arahkan ke gambar atau tulisan(atau semacamnya, dll) yang bila mana di klik akan ke halaman yang lain(link lain).. Udah Jelas.. kalo belum, coba baca ini, Dah ngerti?? kalo belum(yang orang jawa) waliken kelambimu...
Disini kita akan mencoba tentang bermacam-macam efek hover yang belakangan ini saya pelajari dan coba.. hasilnya ada yang bagus dan ada yang kurang memuaskan.. Tenang aja saya hanya akan memberi yang sekiranya menyenangkan aja kok!! Sebenarnya Efek Hover itu bila di sungguhi akan menghasilkan sesuatu yang menarik kok..
Taukan yang namanya shadow?? yaa.. shadow adalah bayangan. jadi kita akan membuat efek hover menggunakan efek bayangan(shadow)
Yaaa.. dari pada lama lama kita langsung aja ke intinya
.

Cara Memberi Efek Hover Shadow pada link
taukan yang namanya shadow?? yaa.. shadow adalah bayangan. jadi kita akan membuat efek hover menggunakan efek bayangan(shadow)

1. Cari kode
a:hover {
text-decoration: underline;
color: #ff0000;
}

2.Nah.. Ganti dengan
a:hover {color:#DF0101;
text-decoration:none;
text-shadow:1px 1px 1px #000000}
Saaannngat sangat mudahkan??



Cara Memberi Efek Hover Shadow pada Gambar
Anda juga bisa menambahkan efeknya ke gambar..
1. Cari kode
.post img { padding: 10px; border: 0px }
-setiap blog berbeda beda

2. Bawahnya tambahkan kode
.post img:hover {-moz-box-shadow: 0 0 13px;}

Mudahkan?? Sebenarnya banyak sekali efek-efek hover yang lainnya tetepi berhubung singkatnya waktu saya hanya bisa memberi efek shdow.. jadi sabar ya.. dan update terus blog ini
JIKA ANDA MENEMUI KESULITAN SILAHKAN HUBUNGI SAYA di contact me

Anda tertarik dengan artikel kami? Mau berlanganan artikel menarik setiap bulan ?. Gratis!

untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di ajinoor.blogspot.com Dan semoga dengan ada layanan ini, anda bisa lebih betah dan lebih cinta dengan Ajinoor. Terima Kasih
Masukan Alamat email Anda


Artikel Terkait:

COMMENTS :

Don't Porn,Don't Spam Here Kurang Jelas Dengan Artikel Di atas ?? Silahkan Bertanya Lewat Komentar Ini Insyaallah Saya akan Segera Membalas (Komentar Yang Berbau Kotor Dan Pornografi Akan Segera Di Hapus tanpa sepengerahuan ANDA)

49 Komentar to “Cara Memberi Efek Hover Shadow”

wah keren nich

musthofa mengatakan...
on 

Mantap Sob..
jadi pingin dicoba ke blog ku..

PeJhes mengatakan...
on 

tips bagus nih
salam kenal gan

dicky-dyg mengatakan...
on 

PeJhes>> Silahkan mas...

Aji Nur Sanyoto mengatakan...
on 

dicky>> Salam kenal juga..

Aji Nur Sanyoto mengatakan...
on 

apakah anda sendiri yang membuat kodenya???

Anonim mengatakan...
on 

@Anonim>> saya rasa ini adalah kode yang berbahasakan XML jadi ini saya ambil dari kode orang tp bukan shadow ,ttp efect lain.. saya yang merubah sendiri tulisan/kodenya menjadi shadow... BEGITU.. ada kekurangan??

Aji Nur Sanyoto mengatakan...
on 

Infoo bagus.. langsung coba..

o'o mengatakan...
on 

keren Kang Ajii ^^

Ka Damar mengatakan...
on 

SEO

Anonim mengatakan...
on 

wuih sangat bermanfaat banget..

thx 4shared

unting mengatakan...
on 

@Ka Damar>> oke kang makasih..

Aji Nur Sanyoto mengatakan...
on 

Busyeeet, perlu dicoba nich

PIK Remaja Al-Hikmah mengatakan...
on 

wahhh dapet ilmu baru nihh kawan,,
mksi infonya... sne coba dlu ke tkp

Gieterror mengatakan...
on 

wah,, mantap jik... thank 4 infonya....

film dan software mengatakan...
on 

mantap gan..
coba dulu ah

Arif A Y mengatakan...
on 

nanti nambah loading blog gak kang?

tips dan informasi mengatakan...
on 

makasih ats infonya ya

Hizrian mengatakan...
on 

mantap kang triknya..makasih ya atas infonya..

oh ya boleh tukaran link gak...???

artikel pendidikan mengatakan...
on 

mantap kang triknya..makasih ya atas infonya..

oh ya boleh tukaran link gak...???

artikel pendidikan mengatakan...
on 

mantap ya kang atas infonya..makasih ya atas kunjungannya..

oh..ya nanti bentar aku balas follownya..alnya aku cuma pake HP nih...

slam buat semuanya

cntapendidikan mengatakan...
on 

makasih infonya...

Belajar Asik mengatakan...
on 

kayaknya bagus ni....
di coba dulu bro...

-=Pak-Tani=- mengatakan...
on 

oke jik langsung coba....

Alif Winda Hardika mengatakan...
on 

Ijin kopas kodenya ya kang...
Buat referensi tutorial.

Sukses selalu...

Eka mengatakan...
on 

@ Eka>> yang penting kasih sumbernya

Aji Nur Sanyoto mengatakan...
on 

thanks infonya sob,, langsung saya praktekin yang
Hover untuk link.

sekalian tuker follow ya, di tunggu laporannya..

Dwi mengatakan...
on 

Mantab infonya...
Tak coba dulu ya...

cHR!$ is $!RHc mengatakan...
on 

ahahaaaay

o'o mengatakan...
on 

patut divcoba

Kata-Kata Bijak Tentang Cinta mengatakan...
on 

satu kata yang dapat kuucapkan,
mantaaaf

rey mengatakan...
on 

makasih tutorialnya masbro.

Random Health mengatakan...
on 

impoh mantab:)

Aqiqah Di Jakarta mengatakan...
on 

Blogwalking gan..ditunggu kunjungan balikna:)

Madu Untuk Anak mengatakan...
on 

Silaturahmi om...:)

Alat Bantu degar mengatakan...
on 

web nya bagus neh...salam kenal y

Alat tes Gula darah mengatakan...
on 

dua kata untuk agan...bagus bheet

Jahe merah mengatakan...
on 

dan akhirnya dapat pencerahan makasih sob info cssnya .. tapi apakah itu valid css atau gmana sob .... lam kenal chapila.com

informasi teknologi mengatakan...
on 

makasih sob dah berbagi; silahkan di kunjungi

blogilicious fun makassar

blogilicious fun makassar mengatakan...
on 

Wow, this is the best site I’ve ever read. Thank you for sharing this.

Hudson Jeans mengatakan...
on 

Big thanks for the useful info .

iPad Movies mengatakan...
on 

Great post, I am really enjoying
the process & journey your taking us on.

macarons mengatakan...
on 

Useful information

Skincare Products mengatakan...
on 

Hi Great info,

Fetish cams mengatakan...
on 

Good work

smoking webcams mengatakan...
on 

coba praktekin neh di blogspot ane :http://mannaungi.blogspot.com/

maulana mengatakan...
on 

nebeng sedot gan. http://dualima.com/blogger-nusantara-blogpreneur-indonesia.html

Anonim mengatakan...
on 

Nice Infonya Sob...
Kunjungan Balik ya..

Master sAtriyo mengatakan...
on 

Great job!

It is utterly right. I admire your thoughts and perception. Hope to see new updates from your soon. Thanks for sharing.

How to Accounting mengatakan...
on 

Poskan Komentar

Ayooo Bnnyak-Banyak BERkomentar....
Jangan Hanya baca.. Bila Anda Paling
banyak KOMNETAR anda akan Dapet Back LInk GRATIS!!

 

Copyright © 2009 ajinoor | .blogspot | .co.cc | All is my Site | Modifed ByNoorsificationetwork '12