Efek Hover pada Blog

Sering kita menjumpai pada suatu blog/web adanya efek-efek menarik saat cursor mouse melewati judul postingan dan link-link tertentu dalam suatu blog. Efek-efek tersebut merupakan efek hover yang dapat membuat tulisan/artikel kita menjadi semakin menarik.

Berikut ini, salah satu trik untuk menerapkan efek hover tersebut pada blog. Saya mencoba menerapkan pada widget sidebar blog. Rekan-rekan dapat melihat langsung pada sidebar blog ini.

Disimak....ya....!!!

1. Pertama login/masuk ke blog 
2. Pilih Template 

3. Pilih edit HTML 

4. Selanjutnya cari kode .sidebar a:hover { (gunakan Ctrl+F untuk mempermudah pencarian). Lihatlah gambar berikut :  

     5. Jika sudah ketemu, masukan/tambahkan kode dibawah ini: 

                                                 

                                                   text-shadow:

                                                      0px 1px 0px #D8133D,

                                                      0px 0px 3px #D8133D,

                                                      0px 0px 5px #e06c1f,

                                                      0px 0px 30px #e06c1f,

                                                      0px 3px 50px #e06c1f;

          Sehingga kodenya tampak seperti gambar dibawah:

           Catatan:

Yang berwarna merah merupakan kode warna. Dapat diganti dengan kode warna lain sesuai dengan keinginan masing-masing.

     6.  Terakhir simpan template dan lihat hasilnya.

Demikian tips cara membuat efek hover pada blog. Semoga bermanfaat bagi rekan-rekan sekalian. Untuk efek lainnya, dapat dilihat pada postingan selanjutnya.........!!!

Written by Unknown

General Contractor, Leveransir dan Instalatir. Alamat: Jl. C. Heatubun, Lorong Teratai, RT.003/-, Timika - Papua (99910)