Membuat Link Dengan Efek Menyenggol (Nudging) di Blog

Seperti yang kita tahu, Link atau “tautan”adalah sambungan atau koneksi dari sebuah sumber ke sumber yang lain. Link disebut juga hiperlink karena dapat dapat digunakan sebagai sebuah acuan dalam dokumen hiperteks (hypertex) ke dokumen yang lain atau sumber lain. Jika pada blog, link yang biasa kita hubungkan berupa posting atau sumber web lain.  Link ditandai jika link tersebut disorot maka pointer mouse akan berganti dengan cursor tangan yang menunjuk dan tulisan biasanya berwarna biru. Sebagai contoh, di bawah ini adalah sebuah link yang menuju ke dokumen cara membuat link pada blog ini.

---

Cara Membuat Link (Tautan)

---

Coba anda arahkan mouse ke link di atas. Ketika anda menunjuknya hanya ada cursor tangan menunjuk dan teks berubah warna kan? Yang seperti itu biasa saja. Adakah cara supaya lebih menarik lagi?

Tentu saja ada. Kita bisa menambahkan sebuah efek. Salah satu efeknya adalah link dapat menyenggol. Selanjutnya kita sebut link nudging. Bagaimana cara membuatnya? Berikut adalah langkah langkah membuat link nudging.

1. Login ke Blogger akun anda
2. Pada dasbor blog anda silahkan pilih Template
3. Klik Edit HTML
4. Ketika halaman edit html sudah terbuka silahkan klik sembarang di dalam template anda dan tekan CTRL + F untuk mencari kode ]]></b:skin>
5. Jika sudah dtemukan, letakkan kode berikut tepat di atas kode ]]></b:skin>.
   
   a:link {
   -webkit-transition: padding-left 250ms ease-out;
   -moz-transition: padding-left 250ms ease-out;
   }
   a:hover {
   padding-left: 12px;
   }
   Keterangan:
   

   padding-left 250ms ease-out	:	Kecepatan menyenggol ke kiri 0,25 detik
   padding-left: 12px	:	Jarak menyenggol ke kiri saat mouse diarahkan sejauh 12 piksel

   
   Selebihnya silakan anda atur sendiri.
6. Simpan template dan lihat hasilnya.

Demikian yang dapat kak Hady sampaikan. Semoga bermanfaat.

Baca juga:

Kak Hady Berbagi

1. Terima kasih telah berkunjung dan membaca artikel ini

Judul : Membuat Link Dengan Efek Menyenggol (Nudging) di Blog
URL : http://hady-berbagi.blogspot.com/2014/01/membuat-link-dengan-efek-menyenggol.html?m=0
Diposkan oleh : Kang Hady
Pada : Minggu, 19 Januari 2014.
Pukul : 09:26
Label/kategori : Ilmu Komputer , Web Desain
Bagikan ke : Facebook | Google+ | Twitter | Digg

2. Saya mengharapkan kritik dan saran dari pembaca semua. Untuk itu silakan berkomentar pada setiap postingan blog ini;
3. Setiap komentar yang anda berikan adalah masukan bagi saya agar blog ini lebih baik.