Melihat navbar blogger di blog pada ujung teratas adalah hal yang lumrah karena posisi yang disediakan oleh desain templatenya memang di situ. Melihat blog tanpa navbar juga bukan lagi barang aneh karena memang bisa tidak ditampilkan (dihilangkan). Bagaimana seandainya navbar ini tetap kita tampilkan atau kita manfaatkan namun posisinya kita pindah di halaman terbawah blog??
Kali ini kita akan mencoba membuatnya agar tampil di bawah halaman, Namun kali ini kita akan sedikit memodifikasi tampilannya agar lebih cantik juga penambahan effeck hover dan Transparant. bila anda tertarik silahkan ikuti tutorial dibawah :
1) Silahkan Anda login ke dasbor
2) klik tab design --> edit HTML
3) Silahkan save Template Anda untuk berjaga2
4) Cari code ]]></b:skin> lalu masukan code di bawah sebelum code tersebut
#navbar-iframe{ display:block; position:fixed; bottom:0; left:0; opacity:0.2; -o-transition:opacity 1s ease-in; -moz-transition:opacity 1s ease-in; -webkit-transition:opacity 1s ease-in; filter:alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } #navbar-iframe:hover{ opacity:1.0; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
5) Silahkan klik preview untuk melihat perubahan, bila berhasil silahkan save template anda
6) Selamat Berkreasi
Bagaimana bila anda ingin navbar tersebut tetap berada diatas, yang anda lakukan adalah mengganti tulisan bottom dengan top pada kode css diatas.
Untuk demo silahkan lihat disini
0 comments :
Posting Komentar
Kami sangat menghargai komentar pembaca sekalian, baik saran, kritik, bantahan dan lain sebagainya.
Bagi pembaca yang ingin berkomentar silahkan untuk login.
Peraturan komentar:
-komentar pendek atau panjang tidak masalah, baik lebih dari satu kolom juga tidak apa-apa.
-komentar menggunakan bahasa yang baik dan benar tidak berbelit-belit.
-langsung pada topik permasalahan. Terimakasih