-->





Iklan

Cara membuat Link bergoyang

Cara membuat link bergoyang, Link adalah sebuah tulisan yang ada Tautanya artinya jika tulisan berlink tersebut di klik oleh pengguna maka akan otomatis menuju alamat tautan yang di berikan oleh Link tersebut.
Salah satu fungsi dari membuat link bergoyang adalah untuk memberitahukan bahwa tulisan tersebut adalah tulisan yang ada linknya (tautanya) sehingga penggujung lebih cepat membedakan antara link dan tulisan biasa.
Seperti apa sih link tersebut , contoh nya seperti gambar yang di bawah ini

Cara membuat link bergoyang

Pada panduan desain website ini saya akan memberikan panduan Cara membuat link bergoyang dengan dua (2) cara yaitu cara pertama dengan widged dan cara ke dua dengan memasukan di susuan kode HTML pada template blog,
Jadi anda bisa memilih cara yang anda inginkan, dan unutuk pembuatanya silahkan simak panduanya di bawah ini :

Cara membuat link Bergoyang dengan widged

1.buka blog anda melalui alamat www.blogger.com
2.lalu login ke akun blog masing-masing
3.klik desain untuk ke dashboard blogger
4.pada menu dashboard blog pilih Tata letak
5.lalu klik tambahkan gadged dan pilih gadged HTML/javascript , panduan gambarnya lihat gambar di bawah ini

menambahkan widged untuk memasukan kode link bergoyang

6.selanjutnya kopi kode di bawah ini dan pastekan dalam gadged HTML/javascript

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

7.kemudian simpan gadgednya
8.selesai.

Cara membuat Link bergoyang melalui HTML 

1.Buka blog anda lalu login ke akun blog masing-masing
2.klik desain untuk menuju dashboard blogger
3.pilih menu Template dan klik EDIT HTML
4.Lalu cari kode dalam susuan html kode seperti ini </head>
5.kemudian kopi kode yang ada di bawah ini lalu pastekan/letahkan 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.selanjutnya simpan templatenya sampai berhasil tersimpan
7.selesai.

untuk melihat hasil pembuatan Link bergoyang nya silahkan buka salah satu postingan anda yang ada link nya lalu letakan kursor mouse di atas link.

Demikian Panduan dari jasa pembuatan website tentang Cara membuat link bergoyang, semoga dengan menambah variasi pada website akan lebih menarik tampilan dari blog/website anda masing-masing.

Komputer

+