0 Comment

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 saat pemuatan (loading) dan semakin nyaman pula dimata pengunjung situs. Umum-nya situs-situs raksasa seperti google, blogger dan lain-lain mendesain template mereka sesederhana mungkin sehingga kita merasa nyaman dan fokus membaca.

Sebalik-nya, template yang menggunakan banyak animasi yang berkedap-kedip justru menghilangkan fokus kita saat membaca bahkan kita bisa kehilangan mood secara spontan untuk menuruskan membaca. Maka dari itu hari ini saya akan menjelaskan tentang bagaimana cara menambahkan mouse hover tittle (link tittle) sebagai setuhan kecil atau efek sederhana pada template blogger.

Saya tidak tahu pasti apa nama efek ini, maka saya sebut saja dengan nama mouse hover tittle atau link tittle. karena saat saat mouse di arahkan kepada sebuah element atau pada sebuah link ia akan menampilkan sebuah judul (tittle) yang menjelaskan isi dari link tersebut seperti contoh gambar di bawah ini.
Cara Membuat Mouse Hover (Link) Tittle
Cara Membuat Mouse Hover (Link) Tittle
Cara membuat nya sangat sederhana hanya dengan menambahkan title='keterangan' saja. karena efek ini biasa nya ditambahkan pada sebuah element yang mengandung <a href maka saya sebut juga ini sebagai link tittle. Langsung saja begini cara membuat-nya.

Sebuah link pada format html dasarnya adalah seperti ini
<a href="URL">Download</a>
Kemudian ditambahkan element tittle="" kedalam-nya maka menjadi seperti ini
<a href="URL" title="Download Best Blogger Template">Download</a>
Selesai, begitu saja cara membuat link tittle atau mouse hover tittle dan untuk demo nya adalah seperti berikut ini. "Arahkan mouse pada link di bawah ini".


Keterangan: Mouse Hover Tittle (Link Tittle) bisa diterapkan dimana saja yang mengandung <a href="#"></a>, baik itu didalam artikel atau di dalam template seperti yang saya terapkan pada template blog ini tepat nya dibagian menu atas (top menu). Mouse Hover Tittle (Link Tittle) berfungsi sebagai keterangan yang menjelaskan isi dari sebuah link. Selamat mencoba...!

Post a Comment

 
Top