Ada banyak cara yang bisa kita gunakan untuk mempercantik tampilan Blog, salah satunya disini adalah dengan membuat semua link pada blog kita bergerak atau bergeser jika disentuh oleh mouse. tentu saja ini bukan hanya untuk mempercantik tampilan blog kita, tetapi juga berguna untuk membedakan bahwa tulisan yang bergerak tersebut adalah sebuah tulisan yang mengandung sebuah link.
Baiklah, disini kita akan belajar cara membuat Efek Link Bergeser pada Link Blog.
cara membuat Efek Link Bergeser pada Link Blog.
- Login ke Dashboard blog
- masuk ke menu template
- pilih edit HTML
- jangan lupa beri centang pada Expand template widget
- Taruh kode berikut tepat diatas 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>
- Klik simpan dan lihat hasilnya.
Lihatlah betapa cantiknya blog kita dengan efek bergeser dan bergoyang tersebut. :p
Terimakasih, semoga bermanfaat.
Ditulis Oleh : Anonymous TIPS DAN ARTIKEL BLOGGING TERLENGKAP
Sobat sedang membaca artikel tentang Efek Bergeser pada Link Blog. Oleh Admin Lhk-Blogs, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya