untuk contoh dari efek ini bisa dilihat pada gambar diatas tadi.
tanpa basa basi langsung aja ke-inti pembahasan, dari pada yang cakap pun sampai basi :D
1.Langkah Pertama Masuklah ke Template > Edit HTML, lalu pastekan kode dibawah ini diatas kode
]]></b:skin>
#idelemen:before,#idelemen:after{background:#f7f7f7;border:0 solid #aaa;border-top:none;bottom:-3px;content:"";height:0;left:0;position:absolute;right:0}
#idelemen:after{bottom:-5px;box-shadow:0 0 0 #aaa;left:4px;right:4px}
#idelemen{filter:url("data:image/svg+xml;utf8,<svg http:="" svg="" www.w3.org="" xmlns="\"><filter grayscale="" id="\"><fecolormatrix 0.3333="" 0="" 1="" matrix="" type="\" values="\"></fecolormatrix></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(1)}
#idelemen:hover{filter:none;-webkit-filter:grayscale(0)}
2.Simpan TemplateAgar efek hitam putih ini bisa bekerja pada elemen yang kamu inginkan, ganti
#idelemen
dengan id/class elemen yang anda miliki.
Sekian Tutorial Ringan Kali ini, Semoga Bermanfaat :)
wah makin mantap tampilan blognya mas....nyimak dulu ya mas
BalasHapusmakasih buat pujiannya :)
Hapussilahkan disimak
btw blog kamu apa, dari kemarin saya cari gak ada mulu...?
maaf mas, lupa mahu setting profile.. mas ,saya cuba2 google malescode..ternyata ada yang cloning blog mas..lihat sini http://asm-05.blogspot.com/ dan juga ini http://kangismet1.blogspot.com/ ,mas dan kang ismet juga di cloning sama bloggerjateng..
Hapusmakasih buat infonya,
Hapusakan saya berantas sekarang...!!!
saya tau dia itu tukang kloning
lebih parahnya lagi blog o-om di clone...
doakan saja dia mendapat balasan yang setimpal nantinya...!!!
saya masih private kan blog saya mas kerna masih cari solusi agar blog tidak bisa di clone..
Hapusohh, yaudah deh,
Hapusgak saya paksakan kok
:-bd
BalasHapusSVG Filter emang mangstab sob, cuman yang lagi ane cari tuh gimana cara nya css filter biar support di semua browser , bukan hanya di -webkit- saja . :)
BalasHapusnah itu masalahnya ,
Hapustapi saya mendengar kabar kalau mau fix begituan bisa juga pakai javascript atau ada atribut css yang mungkin tidak kita ketahui.