Membuat Fancy Bar Navigation

Baiklah, dikesempatan kali ini, TBA Network sedikit berbagi bagaimana cara membuat Fancy Bar Navigation. Sebelumnya TBA Network akan menjelaskan apa sebenarnya Fancy Bar Navigation itu, sebenarnya sama seperti halnya navigation bar biasa, tp kali ini diberikan sedikit sentuhan Jquery.

DEMO HTMLDOWNLOAD

1. Login ke Blogspot
2. Klik Rancangan - Edit HTML

3. Cari kode ini </head>
4. Setelah itu, Letekan code dibawah ini diatas code </head>



5. Setelah itu, cari code ini ]]></b:skin>
6. Kalau sudah, letakkan script CSS dibawah ini diatas ]]></b:skin>



7. Setelah itu, Cari code ini <div id='content-wrapper'>

8. Kalau sudah ditemukan, masukkan script dibawah ini tepat dibawah <div id='content-wrapper'>

<ul id='topnav'>
<li><a href='http://afridho.blogspot.com/'>Home</a></li>
<li><a href='http://afridho.blogspot.com/'>Services</a></li>
<li><a href='http://afridho.blogspot.com/'>Twitter</a></li>
<li><a href='http://afridho.blogspot.com/'>Blog</a></li>
<li><a href='http://afridho.blogspot.com/'>AboutMe</a></li>
<li><a href='http://afridho.blogspot.com/'>Email</a></li>
</ul>

9.

Ya udah, mungkin sekian duloe yang dapat dibagikan buat pembaca TBA Network. Kalau masih gak ngerti juga, dibawah ada form kotak komentar, isikan aja semua keluhan atau pertanyaan saudara.
Terimakasih...

Salam Hangat POPO

<a href="http://afridho.blogspot.com/2010/08/membuat-fancy-bar-navigation.html">Membuat Fancy Bar Navigation</a>