Wednesday, January 25, 2012

Cara membuat link hover position

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

No comments:

Post a Comment