Cara buat Link Nudging dengan css di blog

Link nudging adalah link yang apabila di sorot dengan mouse akan bergerak dan biasanya dipakai untuk menu Label.

Cara pasang link nudging :

Login Id Blog

Klik rancangan

Edit Html

Cari kode ]]></b:skin>

Letakkan kode dibawah ini diatas kode ]]></b:skin>

#animateList li a {

-moz-transition: all 0.26s ease-out; /* FF4+ */

-o-transition: all 0.26s ease-out; /* Opera 10.5+ */

-webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */

-ms-transition: all 0.26s ease-out; /* IE10? */

-moz-transition-duration: 1s;}

#animateList li a:hover {

padding-left: 100px;

}

Simpan kemudian ikuti langkah di bawah ini :

Klik rancangan

Tata Letak

Tambah gadget Html/Javascript

Letakkan kode dibawah ini di dalam Gadget tsb :

<div id="animateList">

<li><a href="http://tercela.blogspot.com/#">Tercela</a></li>

<li><a href="http://www.lovemoc.com/#">Love Moc</a></li>

</div>

Ganti link berwarna biru dan tulisan berwarna merah dengan link label atau link apapun yang akan kamu arahkan bila nantinya di klik.

Semoga berhasil.