Social Icons

Pages

Sabtu, 30 Agustus 2014

Cara Membuat Link Bergerak atau Bergoyang pada Blog

Cara Membuat Link Bergerak di Blog - Link adalah sebuah kalimat atau gambar yang jika di klik akan menuju ke sebuah halaman tertentu yang telah ditentukan oleh si pembuat link. Contoh link : Faisal Fachrureza Share atau http://faisal-fachrureza.blogspot.com

Kalimat Faisal Fachrureza Share 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 Bergoyang pada Blog.
Cara Membuat Link Bergerak atau Bergoyang pada Blog
Link akan bergerak atau bergoyang kesamping saat kursor mouse menyentuhnya. Silahkan klik tombol DEMO dibawah ini untuk melihat contoh dari fitur link bergerak. Baca juga : Cara Memasang Kamera CCTV di Blog

DEMO

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 di Blog". Semoga membantu para blogger. Baca juga : Cara Membuat Judul  Blog Berjalan.

Tidak ada komentar:

Posting Komentar