Home » , » Membuat Efek Link Nudging Menggunakan Kode CSS

Membuat Efek Link Nudging Menggunakan Kode CSS

Redi Apri Handoko | 13.35 | 0 comments
Trik yang satu ini mudah untuk dibuat, jika anda ingin menambah efek pada posting atau widget. Efek link nudging adalah efek yang membuat objek bergeser ketika mouse over (cursor diatasnya). Efek ini bisa diterapkan di gambar ataupun tulisan. Ada juga yang menerapkan efek ini pada label (biasanya daftar label yang vertikal). Link nudging yang kita buat ini tidak membuat blog anda menjadi berat jadi tidak usah kuatir dengan loading blog anda. Bagaimana menurut anda, jika tertarik untuk membuatnya langsung saja ikuti trik yang satu ini:

1. Masuk ke Rancangan --> Edit HTML
2. Tambahkan kode berikut diatas kode ]]></b:skin>
/*--- Link Nudging Effect ---*/
.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;
}
3. Simpan template anda
4. Untuk menambahkan link nudging pada postingan tambahkan kode berikut ini:

Link Nudging pada Text
<a href="Disini letakkan URL" class="nudge">Disini tambahkan teks</a>
Link Nudging pada Gambar
<img src="Link image letakkan disini" border="0" alt="Deskripsi image letakkan disini" class="nudge"/>
Keterangan:
- Ganti kalimat "Disini letakkan URL" dengan link anda
- Ganti kalimat "Disini letakkan teks" dengan teks yang ingin ditampilkan
Berbagi Dengan Teman:

Posted by : Redi A.H ~ / Tutorial windows, SEO , Info gadget, Download game

Artikel Membuat Efek Link Nudging Menggunakan Kode CSS Di posting oleh Redi A.H pada 19 Mar 2012. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kontak atau komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging!!!

0 comments:

Posting Komentar

Terimakasih atas kunjungan anda semua, sebelumnya mohon maaf kami tidak menerima komentar yang berbau tentang pornografi.
TERIMAKASIH atas partisipasinya.

 
Site Meter :
Copyright © 2011. Tutorial Windows 7 - All Rights Reserved
Proudly powered by Blogger
Thank You For Google