Link Bergoyang (Perpin) (Tutor)

Sebagai Contoh Langsung saja arahkan cursor mouse anda ke link-link dibawah ini :

Link-Bergoyang 1
Link-Bergoyang 2
Link-Bergoyang 3
Link-Bergoyang 4
Link-Bergoyang 5
Link-Bergoyang 6
Link-Bergoyang 7
Link-Bergoyang 8

Setelah melihat contoh di atas apakah anda tertarik untuk membuat nya,Oke... langsung saja ke proses Pembuatan :

Langkah Pertama :
1.Copy paste script kode dibawah ini :
2.Masuk Ke Blog Anda Buka Tata Letak/Rancangan
3.Masuk ke Edit HTML
4.Cari Kode </head>
5.Copy paste scrpt kode dibawah ini tepat dibawah kode </head>

<!--Link Bergoyang--><br /> <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('a.nudge').hover(function() { //mouse in $(this).animate({ paddingLeft: '20px' },400); }, function() { //mouse out $(this).animate({ paddingLeft: 0 }, 400); }); }); </script><br /> <!--By .proallcheats.blogspot.com.--><br />

Langkah Kedua
Setiap anda Ingin Memggunakan Link Bergoyang jangan lupa di tambah kode ini (class="nudge")
Untuk Link Berbentuk Tulisan gunakan kode dibawah Ini :


<a href="http://proallcheats.blogspot.com" class="nudge">Link Bergoyang</a>


Untuk Link Gambar gunakan kode dibawah Ini 


<a href="http://proallcheats.blogspot.com" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO_5VVMru0yjO15OUnk1lp79MmTkleQqvyrmLRxhI-RSh6i7gGiJQjMDeGUHEQjoKzdAd5DUSNpG26d3sqeJjiZgU3EtSsbeQIpS7rFniDS_MFgSXOC7f2OKwoGhw9eHaJxrR91XIezPyC/s128/yahoo.png" ></a>


Selamat Mencoba