Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog - Hallo BOS TUTORIAL BLOGGER, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Trik Blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog
link : Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog

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

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA3UGMldZG9Et9rzLTScdtONcT-L_snKHtHq-K_YwnGHs-NnrtkJyhVqBu4Pkqvel3fnUiNYKbLAIXBGCC5sBl9wKq3TGSlfVuVnvEnnr2ruiab7XwO4ir0AVmUl0co-20DPkunNStECmM/s1600/link.jpg" />

Semoga Berhasil ya sobaaaat

Demikianlah Artikel Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog

Sekianlah artikel Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog dengan alamat link https://berbagi-trikjitu.blogspot.com/2013/08/cara-membuat-link-gambar-bergerak.html

Tweet