All post

Rabu, 15 April 2009

Membuat background textarea dengan efek mouse over

Pernakah anda terfikir untuk membuat text area dengan menggunakan latar belakan sebuah gambar.. Nah selain buat copy paste juga bisa sebagai hiasan pada blog..,teknik pembuatanya cukup mudah, Selain itu juga ditambah dengan efek mouse over.. Saat mouse bergerak diatas text area backgroun akan berubah warna, begitu pula pada teks.

.

Liat contoh di bawah ini

Untuk membuanya cukup mudah buanget, liat cara dibawah ini

Langkah 1.:

--------

Tempat ini script gaya dalam <head> dari halaman:

<style> textarea.imageOne{ background-color:000000; background-image:url(blue_saturn.jpg); color:00ff00; } textarea.imageTwo{ background-color:000000; background-image:url(butterflies.jpg); color:ff0000; } </style>

Rubah lah blue_saturn.jpg dan butterflies.jpg dengan url foto Anda sendiri

Langkah 2.:

Letakan text area dibawah ditempat yang anda inginkan

<textarea> seperti ini: <textarea rows="12" cols="74" class="imageOne" onMouseOver="this.className='imageTwo'" onMouseOut="this.className='imageOne'"> . . . Letakan text anda disini . . . </textarea>

Dalam contoh diatur background-color: 000000;

Warna background-color biasanya harus sama dengan gambar latar belakang warna, Biar ga berlawanan warna dengan gambar it sendiri pada saat di klik latar belakang seperti tidak berubah hanya gambar saja yang hilang.

Warna teks : ff0000; dan warna: 00ff00; yaitu teks warna merah dan hijau, itu digunakan untuk merubah warna pada saat mouse over.

Mungkin pada browser latar akan berbeda,misalnya IE, NS6..

30 komentar:

belajar dan berbagi :: aalil blog 16 April 2009 pukul 06.08  

woh,, keren neh bos... mantaaabbb.. nanti saya coba2 ah... keep share

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : belajar dan berbagi :: aalil blog
Website : http://aalil.blogspot.com/2009/04/tutorial-dasar-seo-blogger.html
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Ekowijayanto 16 April 2009 pukul 06.58  

Makasi bro komentny

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Ekowijayanto
Website : https://www.blogger.com/profile/07466976601211409671
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Dwi Wahyudi 16 April 2009 pukul 09.12  

Pagi-pagi ingin berbagi rezeki dgn mengajak utk ikut bergabung menjadi anggota DBS Kalbar. Kunjungi blogku utk info lebih lengkap...

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Dwi Wahyudi
Website : http://www.yudi-akuntan.co.cc
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
FATAMORGANA 29 April 2009 pukul 13.32  

Semakin bertambah nih pengetahuan saya. Muantav sobat

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : FATAMORGANA
Website : https://www.blogger.com/profile/11782379445543111592
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Dark Lord 27 Mei 2009 pukul 13.17  

tips nya bagus sekali...?? sangat bermanfaat buat blog ku...?/ :)

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Dark Lord
Website : https://www.blogger.com/profile/17183613472063775489
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Ekowijayanto 27 Mei 2009 pukul 18.28  

@dark lord: makasih juga atas kunjunganya ke blog yang aneh ini

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Ekowijayanto
Website : https://www.blogger.com/profile/07466976601211409671
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Mickey-* 30 Juli 2009 pukul 11.27  

boss.
Gw kan dah dapet code html bwat ganti background.
Trus bwat ngatur tata letak nya gmna? misal kita mo pasang gambar nya di tengah-tengah trus g di repeat! Minta code nya dongg!
K blog gua yak!

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Mickey-*
Website : http://mickeywasdie.blospot.com
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Mickey-* 30 Juli 2009 pukul 11.29  

ohh iya!
Kok gw intip blog2 orang laen bisa ke search sama google.. nahh blog gw klo search di google g ktemu!

Gmna yak biar blog kita bisa ketemu di google?

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Mickey-*
Website : http://mickeywasdie.blospot.com
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Ekowijayanto 2 Agustus 2009 pukul 00.26  

@Mickey: semua itu butuh proses sob, yang paling utama kamu harus sering2 berkunjung ke blog temen2 bwt komen biar byak backlink ke blog km,. Trus daftar ke search engine tuh dah aku kasih di bwh blog... Judul ama labelnya yang simpel aja yang kira2 org sering cari it apa.. Ya apa lg ya, o iya daftar di google yg paling sering org pake search engine nya mungkin it yg aku pake selama ni

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Ekowijayanto
Website : https://www.blogger.com/profile/07466976601211409671
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Athepostrad 5 Agustus 2010 pukul 04.54  

oke mantep BOSS.........mkasih tipsnya...

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Athepostrad
Website : https://www.blogger.com/profile/05303075892329729204
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
FREE_MOVIE 31 Januari 2011 pukul 00.38  

mantab buat tipsx gan,,

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : FREE_MOVIE
Website : https://www.blogger.com/profile/00143463543720106456
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Informasi Kredit Terbaik di Indonesia 22 Februari 2012 pukul 11.42  

blogwalking, kunjungan balik ya

Informasi Kredit Terbaik di Indonesia

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Informasi Kredit Terbaik di Indonesia
Website : http://muja94.blogspot.com/2012/02/informasi-kredit-terbaik-di-indonesia.html
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Obat TBC Tulang Tradisional 5 Februari 2013 pukul 15.11  

mantap

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Obat TBC Tulang Tradisional
Website : http://goo.gl/DS8zL
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Dynamic Meta Tag 7 Juni 2013 pukul 13.28  

ini yang saya cari, makasih bos artikelnya

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Dynamic Meta Tag
Website : http://optimasiseoblog.blogspot.com/2013/06/dynamic-meta-tag-default-blogger.html
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Obat Kanker Payudara Yang Ampuh 15 Juni 2013 pukul 22.14  

kunjungan malam gan, salam bikers nih..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Obat Kanker Payudara Yang Ampuh
Website : http://goo.gl/PocUV
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat penyakit kanker usus 19 Juni 2013 pukul 15.00  

siang gan. salam. Sudah lama tal berkunjung kesini lagi. Wah informasinya menarik2 nih.. Mantap..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat penyakit kanker usus
Website : http://goo.gl/DOPuJ
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat herbal kanker payudara 11 Juli 2013 pukul 09.30  

kali ini sangat ramai sekali informasinya. Jadi betah

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat herbal kanker payudara
Website : http://goo.gl/DJjjr
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
Obat Kanker Payudara Tradisional 13 Juli 2013 pukul 15.14  

informasi menarik sangat beruntung bisa berkunjung disini

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : Obat Kanker Payudara Tradisional
Website : http://goo.gl/zwSCl
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat herbal gondok 25 Juli 2013 pukul 07.33  

informasinya sangat menarik sekali..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat herbal gondok
Website : http://goo.gl/gNIWc6
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat kanker payudara 26 Juli 2013 pukul 07.19  

kunjungan pagi, salam buat semuanya..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat kanker payudara
Website : http://goo.gl/atBtwd
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat diabetes 4 September 2013 pukul 14.01  

salam sehat, kunjungan siang nih, Artikelnya bermanfaat banget..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat diabetes
Website : http://obatdiabettes.blogspot.com/
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat jantung bengkak 4 September 2013 pukul 14.35  

keren banget infonya nih..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat jantung bengkak
Website : http://obatjantungbengkak.web.id/
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat jantung bengkak 4 September 2013 pukul 14.36  

keren banget infonya nih..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat jantung bengkak
Website : http://obatjantungbengkak.web.id/
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat herbal pelangsing 4 September 2013 pukul 14.49  

info menarik, salam kenal gan luar biasa..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat herbal pelangsing
Website : http://goo.gl/JqsEM6
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat herbal pengurus badan 4 September 2013 pukul 15.04  

makasih banyak trik tipsnya. keren banget artikelnya nih..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat herbal pengurus badan
Website : http://goo.gl/JSvnQ2
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat herbal stroke 4 September 2013 pukul 15.36  

selamat sore, keren banget infonya..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat herbal stroke
Website : http://obattherbalstroke.wordpress.com/
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat kanker payudara 4 September 2013 pukul 15.45  

salam sore buat semua, info keren banget nih..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat kanker payudara
Website : http://obattkankerpayudaraalami.wordpress.com/
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
kelenjar getah bening 4 September 2013 pukul 15.56  

terimakasih banyak infonya. keren banget nih..

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : kelenjar getah bening
Website : http://kelenjargetahbeningdileher.wordpress.com/
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat kanker hati 31 Januari 2014 pukul 10.09  

Hai kawan, lama tak mengunjungi blog ini. Wah makin rame aja kayaknya.. Semoga selalu ada dalam keadaan sehat yah kawan.. Saya coba baca satu persatu nih.. :D

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat kanker hati
Website : http://obatkankerhatiampuh.blogspot.com/
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
obat asam lambung akut 29 Januari 2016 pukul 16.00  

manfaat jelly gamat gold-g untuk anak
obat keputihan bau
obat asam urat
obat asam lambung
obat tradisional jelly gamat gold-g
obat diabetes

Kunjungi Juga Blognya Yang Berkomentar Yah... :p
Nama : obat asam lambung akut
Website : http://goo.gl/DLFY0M
->> Meloncat Ke Kotak KomentaratauKembali ke komentar Teratas <<-
Terima kasih kunjunganya,kunjungi juga blog q yg :disini
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar