Berbagi Sesama Blogger - Blogger Sharing Network

Cari Tutorial

Memuat...

Rabu, 18 November 2009

Seputar Trik Navbar Blogger


penting Menjadi Ahli Desain Web

penting Lancar Percakapan Bahasa Inggris Cepat!

isi paypal dengan gratis
Apa itu Navbar Blogger? Untuk lebih mudahnya teman-teman bisa langsung melihat gambar ini:, nah bagi teman-teman yang baru daftar ke blogger biasanya navbar ini masih ada di atas blognya teman-teman. Sebagian blogger merasa tidak srek atau tidak nyaman kalau navbar ini tampil di blog mereka. Beberapa alasan yang biasa muncul adalah karena takut nantinya para pengunjung mengklik tulisan blog berikut, sehingga dengan mengklik tulisan ini maka si pengunjung akan dibawa ke blog lain, alasan lainnya lagi karena memang tampilannya kurang menarik, dll. oleh karenanya banyak dari para blogger berusaha untuk tidak menampilkan navbar ini, baik itu dengan tidak menampilkannya secara permanen, ataupun dengan cara menyembunyikannya akan tetapi jika kita mengarahkan mouse kita ke navbar, maka navbar tersebut akan muncul, atau biasa juga disebut dengan navbar auto hide (contohnya saja blog ini^).

Untuk melakukan trik navbar ini kita hanya membutuhkan sedikit mengotak atik kode templet kita.

A. Membuat Navbar Auto-Hide.

Trik ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang. Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas blog) maka secara otomatis navbar blog akan kelihatan. Untuk lebih jelasnya silahkan untuk mengarahkan kursor mouse anda ke bagian navbar blog ini. Bagaimana, tertarikkah anda untuk mencobanya? kalau tertarik, langkah-langkahnya adalah sebagai berikut:

1. Login ke Blogger.

2. Klik Tata Letak.

3. Klik Edit HTML.

4. Lalu cari kode ]]></b:skin> (Gunakan Ctrl+F) lalu kopi-paste kode berikut di atas kode ]]></b:skin> :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}




5
. Klik Simpan Template.

6. Sekarang silahkan dilihat hasil kerjaan anda.^



B. Membuat Navbar Hilang/ Menghilangkan Navbar.

Selanjutnya cara menghilangkan navbar, dan tentunya ini tidak bisa muncul seperti trik auto-hide. Beberapa blogger masih membahas apakah menghilangkan navbar blogger itu termasuk melanggar TOS (Term of Service) Blogger atau tidak. Akan tetapi secara pribadi si empunya blog hanya menemukan di ruang TOS Blogger menyatakan tentang kegunaan navbar ini adalah untuk/ agar si pengunjung blog tertentu bisa mengunjungi blog berikutnya, tentunya ini tidak menentu alias secara acak. Sedang kegunaan lain bisa anda temukan di navbar itu sendiri, seperti: mencari sesuatu yang ada di blog yg sedang kita kunjungi, berbagi atau sharing isi blog, forum untuk melaporkan penyalah gunaan blog, entri baru, kostumisasi, dan sign in/ sign out. Jadi selama belum ada peraturan mengenai hal ini, teman2 santai saja gak perlu khawatir. Toh belum ada laporan mengenai blog yang dihapus gara-gara navbar-nya dihilangkan^.

Ok, langkah-langkah menghilangkan navbar adalah sebagai berikut:

1. Login ke Blogger.

2. Klik Tata Letak >> Edit HTML.

3. Letakkan kode berikut setelah bagian yang ada tulisan "Blogger Template Style" kalau tidak, bisa juga diletakkan di atas kode tag ]]></b:skin>

#navbar-iframe {
display: none !important;
}



4. Sehingga nanti susunannya akan seperti berikut ini:
























5
. Klik Simpan Template.

6. Selesai...


Nb: Kalau navbarnya mau dimunculin lagi, tinggal dihapus aja kode tersebut^




Semoga Bermanfaat []

Tags: Cara menghapus navbar blogger, cara menghilangkan navbar blogger, cara membuat navbar blogger auto hide, trik seputar navbar blogger blogspot, cara mengatur navigasi bar blogger, navigasi bar menghilang auto hide
Info Menarik: penting Menjadi Ahli Desain Web penting Lancar Percakapan Bahasa Inggris Cepat! isi paypal dengan gratis

Postingan Menarik Lainnya:



33 comments

7 April 2010 01:33

thanks tips nya...

7 April 2010 07:43

Sama-sama :10

Anonim
14 April 2010 08:17

salam kenal. Baik. Saya pengin buat kotak iklan 125 x 125 berbayar dan kalau bisa ada tulisan i hari Rp. 1000 atau tulisan 1 week $ 1. Terima kasih.

makasih tips nya

3 Desember 2010 20:47

makasih inponya :10

9 Desember 2010 03:52

mantabh gan!!!!!!!!!!!!!!!

23 April 2011 09:32

hebat sekali gan...:15

9 September 2011 23:21

cara memasukan foto kedalam navbar tau gak??

10 September 2011 09:42

Maksudnya bagaimana sobat? Apakah ada contoh...jiak ada insyaAllah saya akan memposting tutorialnya di blog ini di waktu mendatang. Semoga membantu :D

13 September 2011 23:57

mantap gan,,,ane udah coba..top markotop

20 September 2011 19:19

thx u, artikelnya bermanfaat banget :)

6 Oktober 2011 05:09

Tank's mas bro!!!!

Anonim
26 Oktober 2011 08:28

makasih mas, sudah sangat membantu, lanjut.

5 November 2011 07:07

terimakasih om atas post'n. . .
ini sangat bermanfaat . . .
blog saya sekarang lebih enak di pandang hha

16 November 2011 05:24

salam kenal

Thanx buat TIPS nya gan...
jangan luoa buka blog ku ya..
http://sugengbro.blogspot.com/

23 November 2011 00:06

makasih tips nya, bermanfaat sangat :10

6 Desember 2011 08:39

bergaya dengan ini gan...terimakasih selalu :15

15 Januari 2012 19:02

thanks atas informasinya yang sangat bermanfaat dan mudah dicerna

21 Februari 2012 17:44

gan mo tanya klo diblog yg versi baru nyarinya dimana...? di template bukan?

21 Februari 2012 18:03

oke...gan sudah bisa..mantab..thk's tipsnya.

22 Februari 2012 01:02

@MunajatYo'a sob...lalu pilih edit HTML
Keep blogging!
:D

22 Februari 2012 01:03

@MunajatThanks telah berkunjung... :D

22 Februari 2012 05:41

gan cara logoutnya gimana nich...waktu login, menu logout msh ada, tp kalo kita masuk view blog atau lihat blog, ga bisa logout mau masuk edit template juga ga bia...maklum gan msh pemula..thk's

23 Februari 2012 03:33

@MunajatAda banyak cara sob. Salah satunya ketik blogger.com di address bar...tekan enter. Nanti perhatikan nama anda di kanan atas blog, klik lalu pilih >> Log out. Semoga membantu
:D

23 Maret 2012 23:43

Thank's gan ats Tipsx,,
ijin Copas y..

30 Maret 2012 09:34

barusan coba auto-hide navbar, n berhasil. makasih bnyak mas iqbal... sehat selalu n tambah sukses ya!!

29 April 2012 18:14

terimah kasih bro atas tutorialnya

30 April 2012 18:59

udah tiga hari otak-atik baru ketemu txz gan infonya

Anonim
15 Mei 2012 09:04

makasih infonya gan...

16 Mei 2012 11:57

g keliatan nie

31 Mei 2012 10:03

nice info
thanks

Poskan Komentar

Komentar anda sangat penting! Oleh karenanya saya sangat berterima kasih bagi anda yang tidak SPAMMING di sini. Komentar SPAM, mengandung SARA, dan menyinggung pihak lain akan saya hapus. Terima kasih telah berkunjung :D

[Tutup]

Submit Link