Cara Membuat Navbar Join Facebook

Assalamualaikum....
Setelah barusan saja saya share Opera Mini 4.2 Labs Handler.
Dan sekarang saya akan share tutorial memasang Animasi Navbar seperti yang saya punya...

Klik Fotonya Jika Ingin Memperbesar

Nah,,,
Caranya adalah...

1. Login dulu ke akun blogger sobat,,,
2. Masuk ke bagian Rancangan,,,
3. Masuk ke bagian Edit HTML,,,
4. Cari Script ]]></b:skin>
5. Kemudian Copy Script dibawah ini...
   #toolbar_chibi {
   position:fixed;_position:absolute;bottom:0px; left:0px;
   clip:inherit;
   _top:expression(document.documentElement.scrollTop+
   document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
   border: 1px #00ff00 solid;
   -moz-border-radius-topright: 15px;
   -moz-border-radius-topleft: 15px;
   background:#transparan;opacity: 0.9;filter: alpha(opacity: 90);
   .linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
   .linkopacity:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
   }
6. Kemudian letakan script tadi tepat diatas script </b:skin>
7. Kemudian cari kembali kode </body>
8. Kemudian Copy Script berikut ini...
   <div id='toolbar_chibi'>
   <table border='0'>
   <tr>
   <td align='center'>
   <a class='linkopacity' href='http://chibi-arif.blogspot.com/' title='Halaman Muka'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL5JN6k1QSpjvKtlnag3OjZPjLT-VmOH7oo0sNcboyqhmA9Zs67fJreQb7apAzXIWG42gXqynQCNaNboffXOAsM17RxVU8sWVvNuhH5ub5GB_BWsE5QWsLnA3sQlh5XEi3dxp2dcsgT3M/s1600/home.png'/></a>
   <td align='center'>
   <font color='Chartreuse' face='times new roman' size='3'><marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'><b>
   Selamat Datang Di Chibi Blog  &#9787; |  Terima kasih sobat blogger telah berkunjung ke <a href='http://chibi-arif.blogspot.com/' target='blank'>Chibi Blog</a> |  Silahkan sobat cari artikel yang sobat suka &#9787; </b></marquee></font></td></td></tr></table></div>
9. Kemudian letakkan tepat diatas script </body>
10. Kemudian Klik Simpan Template...
11. Kemudian Lihat Hasilnya...

Selamat Mencoba...

 

Note: Kalau Mau Copas Sertakan Credit Ya....

Artikel Terkait: