Hmm bosan eah dengan link yg tampilannya biasa-biasa aja?? Saya selaku admin di sini akan mencoba share ulang tentang bagaimana membuat link bergerak pada blog.. Pengertiannya adalah link yang disentuh oleh cursor akan bergerak ke kanan,kiri (sesuai editan sobat) dan kalau dijauhkan akan kembali ke tempat semula. Ngerti kan?? Kalo ga ngrti, mending pura-pura ngerti aja deh biar cepet... wkwkwk..
Pada intinya sih hampir sama dengan marquee, cuma bedanya link akan bergerak hanya jika disentuh saja (auto).
Selain untuk membedakan kalau teks itu ada linknya atau tidak, tentunya juga untuk membuat blog sobat blogger semua menjadi lebih menarik.
Cara Membuat Link Bergerak (Bergoyang)
1. Login ke Blogger sobat tentunya.
2. Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut 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 jika sudah selesai.
Silahkan di refresh blog sobat dan lihat hasilnya...
Tetapi maaf saja bila script tidak work karena keterbatasan otak saya juga atau kesalahan saat menuliskan scriptnya.. Namun jika work jgn lupa ++nya buat blog ini ya sob..
Selamat Mencoba..!!
Selain untuk membedakan kalau teks itu ada linknya atau tidak, tentunya juga untuk membuat blog sobat blogger semua menjadi lebih menarik.
Baiklah langsung saja kita intip caranya di bawah ini:
Cara Membuat Link Bergerak (Bergoyang)
1. Login ke Blogger sobat tentunya.
2. Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut 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 jika sudah selesai.
Silahkan di refresh blog sobat dan lihat hasilnya...
Tetapi maaf saja bila script tidak work karena keterbatasan otak saya juga atau kesalahan saat menuliskan scriptnya.. Namun jika work jgn lupa ++nya buat blog ini ya sob..
Selamat Mencoba..!!
0 Comments
Bagaimana Pendapat Anda ?