Membuat Link Dengan Animasi Tooltip

Membuat Link Dengan Animasi Tooltip

Tutorial Blog Membuat Link Dengan Animasi Tooltip ini sangat berguna karena blog atau website kamu akan terlihat elegan saat pengunjung menyorot sebuah link akan mengeluarkan animasi.

Berikut adalah Membuat Link Dengan Animasi Tooltip :
- Login akun blogger kamu
- Pilih Rancangan kemudian edit html
- Copy dan Paste kode di bawah ini di atas kode </head>

<style type='text/css'> a.tooltip span { display:none; padding:5px 5px; margin-left:3px; margin-top:10px; width:170px; font-size:12px; line-height:150%; } a.tooltip:hover span{ display:inline; position:absolute; background:#B5E21A; border:1px solid #FFFFFF; -moz-border-radius: 20px; -webkit-border-radius: 20px; color:#fff; } </style>

- Gunakan kode berikut untuk memasang link dengan animasi tooltip tadi

<a class="tooltip" href="http://www.ulil-amri.com" style="color: red;" target="_blank"><span> DOWNlOAD HERE</span>Tutorial Blogger</a>

Untuk Melihat contohnya,sorot link di bawah ini.

DOWNlOAD HERETutorial Blogger

Artikel Terkait: