Cara Membuat Menu animasi


Cobasanasini kali ini saya akan mempostingkan mengenai tutorial mengenai cara memasang/,e,buat menu animasi diblog lang aja sob dech tutornya :
    1. Pertama Login keblog sobat masing masing
    2. Klik Rancangan >> 
    3. Klik ADD Gadget >>
    4. Kloik HTML/Javascript 
     kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

<style type="text/css">
.menuqu ul li{display: inline;}

.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #fff; list-style: none;

-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);

}

.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #BFDCFF; border: 2px solid #fff; list-style: none;

-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);

}

.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;

-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)

}

</style>


<div class="menuqu">

<ul>

<li class="menuqu1"><a href='http://ahmadrijal-blog.blogspot.com/'>Home</a></li>

<li class="menuqu2"><a href='URL 1'>Cobasanasini Via Code</a></li>

<li class="menuqu1"><a href='URL 2'>
Cobasanasini Via Code</a></li>
<li class="menuqu1"><a href='URL 3'>
Cobasanasini Via Code</a></li>
<li class="menuqu2"><a href='URL 4'>
Cobasanasini Via Code</a></li>
<li class="menuqu1"><a href='URL 5'>
Cobasanasini Via Code</a></li>
</ul>

</div>
Note :
  • jangan Lupa ganti kode yang berwarna merah diatas dengan url blog yang and tuju dengan judul sob 
  • selamat mencoba :
Demonya disini :



0 Coment "Cara Membuat Menu animasi", Baca atau Masukkan Komentar

Posting Komentar