Cara Membuat Mouse Hover Tittle (Link Tittle) - Dalam mendesain template sebenar-nya tidak perlu menambahkan pernak-pernik atau animasi yang aneh-aneh. Sedikit sentuhan kecil saja sudah cukup untuk memperindah tampilan webiste. Karena semakin simple tampilan website akan semakin ringan pada ketika pemuatan (loading) dan semakin nyaman pula dimata pengunjung situs. Umum-nya situs-situs raksasa menyerupai google, blogger dan lain-lain mendesain template mereka sesederhana mungkin sehingga kita merasa nyaman dan fokus membaca.
Sebalik-nya, template yang memakai banyak animasi yang berkedap-kedip justru menghilangkan fokus kita ketika membaca bahkan kita dapat kehilangan mood secara impulsif untuk menuruskan membaca. Maka dari itu hari ini aku akan menjelaskan wacana bagaimana cara menambahkan mouse hover tittle (link tittle) sebagai setuhan kecil atau efek sederhana pada template blogger.
Saya tidak tahu niscaya apa nama efek ini, maka aku sebut saja dengan nama mouse hover tittle atau link tittle. alasannya yaitu ketika saat mouse di arahkan kepada sebuah element atau pada sebuah link ia akan menampilkan sebuah judul (tittle) yang menjelaskan isi dari link tersebut menyerupai pola gambar di bawah ini.
Cara menciptakan nya sangat sederhana hanya dengan menambahkan title='keterangan' saja. alasannya yaitu efek ini biasa nya ditambahkan pada sebuah element yang mengandung <a href maka aku sebut juga ini sebagai link tittle. Langsung saja begini cara membuat-nya.
Sebuah link pada format html dasarnya yaitu menyerupai ini
Keterangan: Mouse Hover Tittle (Link Tittle) dapat diterapkan dimana saja yang mengandung <a href="#"></a>, baik itu didalam artikel atau di dalam template menyerupai yang aku terapkan pada template blog ini sempurna nya dibagian sajian atas (top menu). Mouse Hover Tittle (Link Tittle) berfungsi sebagai keterangan yang menjelaskan isi dari sebuah link. Selamat mencoba...!
Sebalik-nya, template yang memakai banyak animasi yang berkedap-kedip justru menghilangkan fokus kita ketika membaca bahkan kita dapat kehilangan mood secara impulsif untuk menuruskan membaca. Maka dari itu hari ini aku akan menjelaskan wacana bagaimana cara menambahkan mouse hover tittle (link tittle) sebagai setuhan kecil atau efek sederhana pada template blogger.
Saya tidak tahu niscaya apa nama efek ini, maka aku sebut saja dengan nama mouse hover tittle atau link tittle. alasannya yaitu ketika saat mouse di arahkan kepada sebuah element atau pada sebuah link ia akan menampilkan sebuah judul (tittle) yang menjelaskan isi dari link tersebut menyerupai pola gambar di bawah ini.
 |
| Cara Membuat Mouse Hover (Link) Tittle |
Sebuah link pada format html dasarnya yaitu menyerupai ini
<a href="URL">Download</a>Kemudian ditambahkan element tittle="" kedalam-nya maka menjadi menyerupai ini
<a href="URL" title="Cara Membuat Mouse Hover (Link) Tittle">Download</a>Selesai, begitu saja cara menciptakan link tittle atau mouse hover tittle dan untuk demo nya yaitu menyerupai berikut ini. "Arahkan mouse pada link di bawah ini".
Keterangan: Mouse Hover Tittle (Link Tittle) dapat diterapkan dimana saja yang mengandung <a href="#"></a>, baik itu didalam artikel atau di dalam template menyerupai yang aku terapkan pada template blog ini sempurna nya dibagian sajian atas (top menu). Mouse Hover Tittle (Link Tittle) berfungsi sebagai keterangan yang menjelaskan isi dari sebuah link. Selamat mencoba...!
Comments
Post a Comment