membuat background berubah warna

Gimana kabar sahabat blogspot?
Sekarang saya lagi belajar wordpress, hehehehe.
hari ini saya punya waktu yang lumayan cukup buat ngerefresh otak yang hampir beku :), nah, mumpung ada waktu dan kesempatan saya akan membahas sedikit tentang background blogspot.
Ok, back topik membuat background berubah warna, maksud dari background berubah warna ialah backround atau latar belakang akan berubah warna jika cursor diarahkan ke background tadi, contohnya di blog ini, coba mainkan cursor anda, mmm. . backgroundnya berubah kan.?(desember 2009)
sebenarnya si tips ini terinspirasi dari link, coba ingat-ingat kebanyakan link pasti berubah warna ketika cursor melintas, iya kan?
nah, jika anda suka berikut caranya;
steep 1

• log in
• tata letak/layouts
• Edit html
• sebagai antisipasi download template lengkap
cari .post kalo udah ketemu tambahkan style css berikut diatasnya
.post:hover{background-color:#00ff00;}
• ket* #00ff00 adalah kode hex warna dapat diganti dengan warna lain, kode hex warna dapat anda lihat disini. anda juga dapat menambahkan style lainya seperti text-decoration, font, color dll. Setelah itu simpan template.
• Lihat blog
• kemudian arahkan cursor anda di postingan warnanya berubah kan?

mungkin anda bertanya, bagaimana merubah warna background lainya seperti sidebar, header, fotter, bottom, dll? mudah kok, saya beri contoh untuk sidebar.

• kembali lagi ke edit html
• cari .sidebar atau #sidebar
• kemudian tambahkan style berikut diatas .sidebar atau #sidebar(tergantung template)
• .sidebar:hover{background-color:#00ff00;}
• keterangannya sama seperti diatas
• simpan template

tadi saya mengatakan *ANDA DAPAT MENAMBAHKAN STYLE LAIN* saya beri contoh, untuk color. color ini adalah warna(kebanyakan warna text). Berikut caranya

• kembali lagi ke Edit html
• cari style yang anda tambahkan tadi
• kemudian tambahkan stlyle berikut setelah #00ff00
• color:blue;
  maka jadinya akan seperti berikut
• .post/sidebar{background-color:#00ff00; color:blue;
• ket* blue adalah warna text yang akan berubah, anda dapat menggantinya dengan warna lain atau juga dengan kode warna

oia, kalau header, bottom, fotter gimana caranya? prinsip kerjanya sama yang perlu anda perhatikan hanya

:hover{ background-color:#warna; color:#warna;}

semoga bermanfaat, oia kalau kesulitan comment ya

Ditulis oleh intheamwhy pada Minggu, Desember 20, 2009