Cara Membuat Menu Hidden Part II

- masukan ke www.blogger.com
-masuk ke rancangan
-Edit Html lalu Cari Code ]]></b:skin>lalu Paste tepat di atasnya


Copy Script:



ul#navigation li:nth-child(2) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqG_VqnnTpWnLmkP-d2XwLSlwk49uO6CroWdk9tOfwNnPO41Y6gEgNFTLe3QA3W_LPbim-5s_i0_2rGCb5BDBRsPJ-97SWw88d4zapqMPvmVusYEf7iyR1bPGDcgzqAHhtEy4nFjMllIY/s1600/user.png);
}
ul#navigation li:nth-child(3) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZMGuDG3o5APgUccSCNmuEkto02S1gQAOoUD5Mbt9JGpO8Ok2q14HkCpf2KRzJINM1uekLy7335DWj9W6SxnmdF4H1akJg8hEBKzogQtglQieHypI9eou3mquGerYflSU5ysb1c97ogw/s1600/facebook.png);
}
ul#navigation li:nth-child(4) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ_9vRVvC5shZqdoJiMQQkwdxknW096erohtWrh1_pneJzr0chhmjgzwIFuUF7KXSmC2CLiWahsVzseDNHWb2wxu8twK16z8NbTMBoTiXpMVfs5cXK5u_-G07OHWpR1x1q30H9_by5yR0/s1600/search.png);
} ul#navigation li:nth-child(5) a {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaiooJ2i0jqfQt9bwge6_1IA6eROuR-TedVOxDgCcpA7BYZXT2IeEXLHMUdQG0cytKTOUF2T8YKIRxdQj_qeTD3x7O2NaSyvblzMcMDB2ODbrDmyvuy8F5_Ch57d-CadOkv5o3adAbAc/s1600/link.png);
}
@-webkit-keyframes fxhompinav {
from{margin-right:-1000px;} to {margin-right:0px;}
}
@-moz-keyframes fxhompinav {
from{margin-right:-1000px;} to {margin-right:0px;}
}
@-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
}
@keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
}




Setelah itu cari Code </body> Lalu Paste Tepat di bawahnya

Copy Script:



<ul id='navigation'>
<li><a href='Link Anda'>Judul</a></li>
<li><a href='Link Anda'>Judul Me</a></li>
<li><a href='Link Anda'>Judul</a></li>
<li><a href='Link Anda'>Judul</a></li>
<li><a href='Link Anda'>Judul</a></li>
</ul>



0 comments:

Post a Comment

Powered by Blogger.