Membuat Link Bergerak ketika Terkena Cursor

Mungkin kamu pernah ketemu blog yang kalo link nya kena cursor kamu, bisa bergerak. Tujuan dari pembuatan link bergerak ini secara tidak lain dan tidak bukan (halah muter aja) adalah untuk membedakan warna tulisan biasa dengan link. Kan ada juga tuh blog yang warna tulisan biasa dan linknya sama. Nah bagi blognya yang kayak gitu, bisa mencoba cara ini.




Caranya:
1. Login ke Blogger (Aku menggunakan Blogger model baru)
2. Pergi ke "Template" kemudian "Edit HTML"
3. Centang "Expand Template Widget"
4. Cari kode </head> (pake ctrl+f atau tekan f3 untuk find)
5. Letakkan kode dibawah ini tepat di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { //mouse in $(this).animate({ marginLeft: '12px' }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); });</script>

6. Simpan template dan lihat hasilnya :)