Semua Tentang Seni

Apa kabar sobat,dah lama nih ga share tentang Jquery lagi,sekarang saya mau kasih tutorial cara memasang Menubar dengan animated Text dan Icon atau lebih tepat'a menggunakan gambar dengan sentuhan Jquery yang animasi'a sangat menarik .Contoh'a bisa sobat lihat disini .trik ini saya dapatkan dari http://tympanus.net.sobat juga bisa lihat trik menarik lain'a disana.ok,ga usah basa - basi lagi,langsung baca tutorialnya~ Langkar pertama,Buka blogger =>Rancangan=>edit HTML lalu Copas semua CSS dibawah ini,Tepat diatas kode ]]></b:skin> .sti-menu{ width:1010px; position:relative; margin:60px auto 0 auto; } .sti-menu li{ float:left; width:200px; height:300px; margin:1px; } .sti-menu li a{ display:block; overflow:hidden; background:#fff; text-align:center; height:100%; width:100%; position:relative; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; } .sti-menu li a h2{ color:#000; font-family: 'Wire One

hai sobat,lama nih ga posting lagi,coz sibuk ama urusan persiapan kuliah nanti n__nv Template Blogger kali ini ,saya buat thema'a untuk pencinta cosplay,dan berhubung saya juga suka bgt ikut Event cosplay ,keluarlah ide untuk bwt template ini^^.ng?ydah ga usah basa - basi lagi,sobat lihat dulu Template'a hmm ,apa yang menarik dari template ini?bkn karena ada foto" yang cantik,tpi disini saya juga berikan sentuhan CSS3 animation pada tombol readmore yang sudah saya modifikasi,Font pada sidebar dan post tittle,dan pada foto bagian header blog'a..Sederhana bkn?pada menubar diatas,hanya menggunakan css3 juga,saya tidak menggunakan Jquery atau javascript,karena bisa berat =..=" ng?ada sobat ga tau cara ganti url link pada menubar? cara'a sobat cari dulu HTML'a pada Rancangan => Edit HTML lalu cari html seperti dibawah ini <ul id='list-nav'> <li><a href='#'>Home</a></li> <li><a href='#'>About U