Cara Membuat Link Dan Gambar Bergoyang Pada Blog

Memberi efek link bergeser/goyang saat di sentuh kursor merupakan trik unik menarik pada blog yang kami akan bagikan  pada siang ini, karena banyak sobat yang menanyakan bagaimana membuat link bergeser ketika disentuh kursor? dan pada kesempatan kali ini saya akan menjawab pertanyaan sobat di artikel yang satu ini, cara membuat link dan gambar bergoyang pada blog untuk membuat link dan juga gambar bergeser saat di sentuh kursor, mau coba? Langsung saja ikuti cara dibawah ini:

• login ke blogger
• pilih template >> edit html
• cari kode ]]></b:skin>
• copy paste kode dibawah ini tepat diatas kode ]]></b:skin>

.link-nudge  {
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

CARA PENGGUNAANNYA

• untuk membuat link bergeser gunakan kode dibawah ini

class="link-nudge"

contoh: 

<a href="http://depermana-share.blogspot.com" class="link-nudge">depermana12</a>

• untuk membuat gambar bergeser gunakan kode dibawah ini

 class="link-nudge"

contoh:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UtmmAgjeL5qxiDOVnonfkdPbguL8CvdjpeL6H6rJeJRbczjqQGXRQQ7aIATNXbgAOHMqbX0JUgto2Hnng4v9tzRaMQxaO20v2bZZpW2Zlnd7cv0T4TQM5vzstxvTh4m8UqWG2hVvFgxg/s1600/computer.png" alt="komputer gw"  class="link-nudge" /> 

Semoga bermanfaat!!

Ikuti @keluarkemana