Cara membuat link hover position

: 06.57 1 comment

munkin banyak cara untuk membuat link bergeser ketika di dekati kursor salah satunya adalah cara membuat link bergoyang atau cara membuat semua link bergoyang nah untuk kali ini tidak berbeda dengan artikel sebelum nya munkin hanya penjabaran dan penaruhan kode css nya saja yang lebih sederhana untuk lebih jelasnya kunjungi langsung demo nya di sini dan untuk cara membuat nya :
  • Login ke blogger
  • Masuk rancangan --->edit html jangan lupa download lengkap untuk menjaga kemungkinan kesalahan
  • Cari kode  ]]></b:skin> dan taruh kode css di bawah ini tepat di atas kode ]]></b:skin>

  • ul.slide li {     padding-left: 0;     -webkit-transition: all 0.5s ease-in-out;     } ul.slide li:hover {     padding-left: 5px;     -webkit-transition: all 0.5s ease-in-out;}
  • Dan untukpenempatan HTMLnya gunakan kode berikut

<ul class="slide">
<li><a href="#">My First Vanilla Plugin</a></li>
<li><a href="#">Delete Duplicate Posts Pro WordPress Plugin</a></li>
<li><a href="#">Feed Me, Seymour 1.2</a></li>
<li><a href="#">Magazine Basic v2.6 WordPress Theme</a></li>
<li><a href="#">Sliderota jQuery Plugin</a></li>
</ul>

NOTE :Untuk teks yang berwarna hijau adalah judul isi
             untuk kode # adalah link tujuan oke selamat mencoba dan akan jumpa lagi dengan tutorial yang lain Salaaam
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara membuat link hover position Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

1 komentar:

Unknown delete 5 Februari 2012 pukul 21.27

posting sangat membantu sob,tanks infonya .
jangan lupa kunjung balik and follow me

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>