Cara Membuat Link Bergerak Saat Disentuh Kursor Di Blog

11/13/2014
Cara Membuat Link Bergerak atau Bergoyang pada Blog
Cara Membuat Link Bergerak Saat Disentuh Kursor Di Blog
Blog Eky J. - Link adalah sebuah tulisan yang jika di klik akan menuju ke sebuah halaman tertentu yang telah ditentukan oleh si pembuat link.



Kalimat Blog Bang Eky diatas merupakan sebuah link yang jika di klik akan pergi ke halaman homepage. Jika sudah mengerti apa itu link, sekarang saya akan berbagi tutorial singkat tentang Cara Membuat Link Bergerak Saat Di Sentuh Kursor Di Blog.
 

Link akan bergerak atau bergoyang kesamping saat kursor mouse menyentuhnya. Silahkan klik tombol DEMO dibawah ini untuk melihat contoh dari fitur link bergerak

Cara Membuat Link Bergerak


  • Masuk ke dashboard blogger.
  • Pilih menu Template lalu klik Edit HTML.
  • Cari kode </head>
  • Kemudian, copy seluruh javascript berikut ini  dan paste 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() { $(&#39;a&#39;).hover(function() { //mouse in $(this).animate({ marginLeft: &#39;12px&#39; }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); });</script>

  •  Langkah terakhir, klik Simpan Template.


Selesai, sekarang coba arahkan kursor kepada link yang terdapat di blog Anda. Sekian artikel tentang Cara Membuat Link Bergerak Saat Di Sentuh Kursor Di Blog. Semoga membantu para blogger.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Disqus
Silahkan Berkomentar Dengan

Catatan!
Berkomentar menyertakan link akan saya hapus atau bahkan saya golongkan sebagai "SPAM". Jika ingin menyertakan link, silakan menggunakan Komentar Name/URL yang telah disediakan.

Dilarang keras OOT!!