Blog Tutorial membuat efeck Link di blog/web

Blog Tutorial kali ini akan membahas soal memberi efect link atau modifikasi Link yang ada di blog. ada bermacam - macam cara untuk memodifikasi link di blog, dan hasilnya pun juga berbeda - beda,atau tergantung kode/scriptnya. Ada yang jika mouse diarahkan/menyentuh Link berubah jadi warna - warni, ada juga Link berkedip, adapula Link Bergoyang , dan lain - lain.
Dan dikesempatan kali ini saya akan memberikan beberapa code script cara merubah tampilan link untuk blog/situs anda.

Okey, langsung saja kita mulai dengan berdoa menurut kepercayaan masing - masing.
Setelah itu silahkan Anda Login ke akun blog/situs anda.
Pilih Menu edite Template/design Edite HTML dan centang menu Expand Template Widget.
Setelah itu silahkan anda cari kode : </head>
Setelah ketemu silahkan anda Copy Kode dibawah ini dan letak'kan/Paste 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>

(Untuk copy/paste, silahkan tekan Select All Text , kemudian tekan Ctrl + C )

Kemudian silahkan Save Template dan Lihat Hasilnya, 'Jika Mouse diarahkan ke Link, Link tersebut akan bergerak.

Sedangkan Untuk membuat Link berkedip/efeck Pelangi, Silahkan Copy kode dibawah ini kemudian Pastekan di bawah kode </head>

<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'> </script>

(Untuk copy/paste, silahkan tekan Select All Text , kemudian tekan Ctrl + C )

Sedangkan untuk membuat efek Link seperti yang ada di blog ini, caranya hampir sama.
Copy kode berikut di bawah kode a:hover{  atau  a:hover, a:active{

color:#FFF; text-shadow: 0 0 0.5em #DC143C,0 0 0.5em #DC143C,0 0 0.5em #DC143C,0 0 0.5em #DC143C; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out

 (Untuk copy/paste, silahkan tekan Select All Text , kemudian tekan Ctrl + C )

Kemudian klik save/simpan template anda, dan lihat hasilnya...

Demikanlah tutorial cara membuat efeck link pada blog/situs anda.
Selamat mencoba dan semoga berhasil...

Posted by pur on - Rating: 4.5

Title : Blog Tutorial membuat efeck Link di blog/web
Description : Blog Tutorial kali ini akan membahas soal memberi efect link atau modifikasi Link yang ada di blog. ada bermacam - macam cara untuk me...

Tweet