Home » , , » Tampilkan Navbar Blogger di Halaman Bawah Blog

Tampilkan Navbar Blogger di Halaman Bawah Blog

Written By Em Yahya on Minggu, Juni 02, 2013 | 21.52

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
Share this article :

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

Blog Archive

 
Support : Dzul Kifayatain_Tis'ah | kanahayakoe | Coretane Emye
Copyright © 2013. emye Blogger - Kertahayu Boy - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger