Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog

Pada kesempatan kali ini saya akan memposting bagaimana Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging, trik ini tidak hanya bisa di terapkan pada blog, tetapi bisa juga di terapkan pada website.

Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog


Apakah mmebuat berat loading blog ? jawabannya tidak, karena nudge ini kita sematkan pada CSS, sehingga tidak akan memperberat loading blog anda
Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog

Trik nudge ini bisa di gunakan pada link, gambar maupun widget, Gimana ? tertarik kan buat menerapkannya ?  Langsung aj cekidot

1. Sign pada akun Blogger kalian

2. Lalu pilih blog yang kalian akan terapkan trik nudge ini

3. Piih Template lalu Edit HTML 

4. Copas kode di bawah ini tepat di atas  ]]></b:skin>

/*--- Nudging Effect trikaja.blogspot.com---*/
.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;
}
.nudge:hover {
margin-left: 25px;
padding-left: 5px;


5. Simpan template blog nya

Untuk menerapkannya pada link dan gambar anda cukup menambahkan class='nudge'

untuk Link, Contoh : Link Nudge
<a class="nudge" href="http://trikaja.blogspot.com/">Link Nudge</a>

Untuk Gambar, Contoh :

<img border="0" class="nudge" src="http://3.bp.blogspot.com/-xcX1PGJd2UU/UgsnjOnkfJI/AAAAAAAABaU/w5RrqhuJrMg/s1600/link.jpg" />


Semoga Berhasil ya sobaaaat

Related

Trik Blog 970831691372847749

Posting Komentar

komentar ini dofollow kawan, berikomentar yang berkualitas dan anti SPAM.

emo-but-icon

Translate

Terbaru

4 Langkah Distribusi Pangan

4 Langkah Distribusi Pangan Produksi      Tahap produksi adalah tempat sumber makanan. Baik mereka menanam, mengembangkan, atau membudidayak...

item