KLIK

Cara Membuat Link Bergoyang

4.5
Pada Tutorial Blog kali ini, saya akan share tentang Cara Membuat Link Bergerak Ke Kanan Apabila Mouse Diarahkan.


Baca juga artikel Cara Membuat Blog Anti CoPas.

Tampilan untuk Tutorial ini cukup menarik, jadi Sobat bisa langsung memasangnya.

Caranya :


1. Masuk Ke Dasbor

2. Pilih dan Klik Rancangan

3. Klik Edit HTML

4. Beri tanda centang pada kotak Expand Template Widget

5. Cari kode </head> di dalam template anda
(Gunakan CTRL + F, agar lebih mudah dalam pencarian)

<script src='http://ubloseven.googlecode.com/files/Link%20Goyang.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. Copy kode diatas berikut dan Pastekan tepat diatas kode </head>

7. Klik Simpan Template


Terima Kasih.
Semoga Bermanfaat.
Klik jika artikel ini bermanfaat
UBLO SEVEN

Post Author : M. Arief Ubaidillah

Terimakasih atas kunjungan dan kesediaan anda membaca artikel ini. Kritik dan Saran dapat anda sampaikan melalui Kotak Komentar di bawah ini atau di Facebook (Muhammad Arief Ubaidillah) bisa juga di Twitter (@ubeeed).

6 comments:

Hikmat Rahmatullah said...

thanks Bro....

Ubed Ubaidillah said...

@Hikmat Rahmatullah samasama gan.. :D

Rudy Hartono said...

makasih infonya sangat bermanfaat sekali dan mudah dipahami

Ubed Ubaidillah said...

@Rudy Hartono samasama . terima kasih..
jangan kapok mampir ya gan :D

choiri blitar said...

Makasih Brow sangat membantu dan mudah banget di terapkan,,,,,,,
mampir juga yach ricoblitar.blogspot.com

Ubed Ubaidillah said...

@choiri blitar sama sama mas BLO :D
siap meluncur! :)

Komentar Anda Sangat Bermanfaat

Silahkan Berkomentar !

 
The Official Website Of Arief Ubaidillah
Copyright© 2013 UBLO SEVEN™ | Use Chrome To The Maximum Result