Bagaimana Cara Membuat Link Bergerak Saat Kursor Menyentuh ?

Anda mungkin pernah berpikir bahwa blog yang Anda miliki mungkin kurang menarik dan terlihat biasa. Ini adalah hal yang wajar apalagi bagi ...

Anda mungkin pernah berpikir bahwa blog yang Anda miliki mungkin kurang menarik dan terlihat biasa. Ini adalah hal yang wajar apalagi bagi para pengguna blog awalan. Sebenarnya, banyak cara yang bisa Anda lakukan untuk membuat blog Anda indah dipandang. Saya juga berusaha memberikan tutorial dalam menghias blog agar tidak tampak biasa. Anda bisa mencarinya pada kategori menu “Tutorial Blog” di atas.

Nah, saat ini saya akan mencoba memberikan beberapa langkah melalui tutorial membuat link bergerak saat kursor menyentunya. Anda bisa mempraktekkannya, dan seperti halnya tutorial-tutorial lainnya :

1.   Anda harus masuk ke akun blogspot milik Anda

2.   Lalu coba klik Dashboard

3.   Pilih kategori menu – Template – Lalu klik – Edit HTML –

4.   Nah, pada kolom kode HTML, silahkan Anda mencari kode <head> (Lebih mudah jika Anda menekan CRTL dan F pada keyboard computer Anda).

5.   Copy dan letakkan kode di bawah ini, pas 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() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

6.   Langkah terakhir adalah simpan template

Anda bisa melihat perubahan setelah menyimpan template Anda, saat kursor menyentuh, link akan bergerak. Selamat mencoba :)

Baca juga tutorial yang terkait : Bagaimana Cara membuat Link Blog berwarna Pelangi ?

Name

Bisnis Online Blogging Doa-doa Fiqih Gaming Inspirasi Internet Keluarga Kisah teladan Life Pekerjaan Pendidikan Relationship Religi Tips Tutorial Blog
false
ltr
item
Pelangi Blog: Bagaimana Cara Membuat Link Bergerak Saat Kursor Menyentuh ?
Bagaimana Cara Membuat Link Bergerak Saat Kursor Menyentuh ?
Pelangi Blog
http://www.pelangiblog.com/2014/02/bagaimana-cara-membuat-link-bergerak.html
http://www.pelangiblog.com/
http://www.pelangiblog.com/
http://www.pelangiblog.com/2014/02/bagaimana-cara-membuat-link-bergerak.html
true
6152984874501812302
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy