Tuesday, April 17, 2012

Cara Menghilangkan Navbar Blog

tutorial blog, blogger tutoral, blogspot, blog, Navbar di Blogspot, Cara Menghilangkan Navbar di Blogspot

Navbar adalah fitur default dari sebuah template yang di buat khusus buat blogspot. Posisi Navbar berada pada bagian paling atas sebuah template yang berisikan kotak pencarian dan beberapa link seperti Link Follow, Share, Report Abuse, Next Blog New Post, Design dan Sign Out. Terdapat banyak pilihan warna untuk Navbar seperti Warna Biru, Coklat, Hitam, Silver, warna Transparan yang terang dan warna Transparent yang gelap.

Walaupun Navbar memiliki mamfaat buat sebuah Blog, banyak Blogger yang sengaja menghilangkan atau menyembunyikan Navbar tersebut karena mereka merasa bahwa dengan adanya Navbar pada sebuah template blog, penampilan dari blog menjadi kurang indah. Sebelumnya, Blog Rinjani Lovers ini memiliki Navbar juga, tetapi Navbar tersebut tidak ditampilkan karena disain dari blog ini terlihat kurang sempurna ketika Navbar tersebut masih terpasang.

Menurut Rinjani Lovers, tidak semua blog terlihat tidak menarik dan kurang indah ketika Navbar masih terpasang di Blog mereka. Warna template atau desain template yang menentukan semua itu. Kalau fitur Navbar mengurangi keindahan template sobat, silahkan ikuti tutorial kali ini karena Rinjani Lovers akan memberikan tutorial Mengenai bagamana ”Cara Menghilangkan Navbar pada Blog”. Sebenarnya kurang tepat kalau kita menggunakan kata “Menghilangkan”, karena sesungguhnya yang akan kita lakukan saat ini adalah Menyembunyikan Navbar pada blog.

Cara Menghilangkan Navbar di Blogspot adalah sebagai berikut:
  • Sign In ke blog sobat di alamat www.blogger.com
  • Pilih Template pada menu drop down
  • Pilih Edit HTML dan klik Proceed
  • Copy kode di bawah ini

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

  • Letakkan kode terebut sebelum kode /* Variable definitions
  • Simpan Template sobat

Lihat contohnya di bawah ini!

SEBELUM

-----------------------------------------------
Blogger Template Style
Name:     Free Template
Designer: Kendhin
URL:      http://rinjanilovers.blogspot.com
Date:     Maret 2008
----------------------------------------------- */
/* Variable definitions
  ====================

SETELAH

-----------------------------------------------
Blogger Template Style
Name:     Free Template
Designer: Kendhin
URL:      http://rinjanilovers.blogspot.com
Date:     Maret 2008
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
  ====================

Kalau sobat sudah memasukkan kode tersebut, Simpan atau Save Template sobat. Silahkan sobat buka Blog sobat, Sebuah Blog tanpa Navbar akan terlihat. Selamat Mencoba dan Semoga Berhasil


Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

Delivered by FeedBurner

Baca Artikel menarik lainnya di bawah ini...



10 comments:

  1. gak bisa sob..,:(( :(( :((
    ane udh coba ne katanya
    Deklarasi variable tidak valid pada skin halaman: Variabel corak tidak dapat diurai karena tidak bersintaksi benar. Input:
    Maksudnya gmn tuh..????
    thank's sblmnya...

    ReplyDelete
  2. Coba ulangi tutorial di atas! sebelum kode tersebut di paste di blog, paste di Notepad terlebih dahulu. Kemudian pada Edit Html, JANGAN KASIH TANDA CENTANG pada Expand Widget Template. Setelah di paste di blog, simpan atau lakukan Preview.

    Kalau tetap tidak bisa, Coba gunakan kode di bawah in:


    /* hilangkan navbar
    ----------------------------- */

    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    Untuk template KLASIK, Letakkan kode tersebut di atas kode </style>

    Untuk template BARU, Letakkan kode tersebut di atas kode ]]></b:skin>

    Kalau sudah meletakkan kode di atas simpan template sobat dan lihat hasilnya.

    Bagaimana kalau template yang memiliki tipe XML?
    Caranya begini, Setelah berada di Edit HTML, kasih tanda centang pada Expand Widget Template. Cari kode yang mirip seperti ini:

    #outer-wrapper {
    width:740px;
    margin:0 auto;
    text-align:$startSide;
    font: $bodyFont;
    }

    Kalau sudah ketemu, tambahkan kode berikut:

    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    Sehingga bentukknya jadi seperti ini:

    #outer-wrapper {
    width:740px;
    margin:0 auto;
    text-align:$startSide;
    font: $bodyFont;
    }#navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    Simpan template sobat dan semoga berhasil.

    Yang menentukan menentukan bekerja dan tidaknya kode di atas adalah Jenis template kita.

    Kalau semua kode di atas tetap tidak berhasil, Silahkan layangkan kembali pertanyaan melaui kolom komentar ini, tentunya dengan menyebutkkan Tipe atau jenis template supaya Trouble Shoting-nya gampang ditemukan.

    ReplyDelete
  3. Makasih banyak ya masukannya..,oke saya coba dulu mudah2_an bisa..:D :D :D

    ReplyDelete
  4. Sob bisa cari'in game in fisherman freshwater gak..????
    Soalnya w udh nyari2 d bbrpa blog gak dpt..,tolong ya..,maaf udh merepotkan..

    ReplyDelete
  5. Sob bisa cari'in game in fisherman freshwater gak..????
    Soalnya w udh nyari2 d bbrpa blog gak dpt..,tolong ya..,maaf udh merepotkan.. :D :D :D

    ReplyDelete
  6. Mantap Artikelnya Mas, Sbelumnya sya jga minta ma'af ada beberapa artikel mas yang saya copas....untuk bahan belajar saya, maklum baru belajar membuat blok....silahkan mampir mas dan komentar

    http://sadzili.blogspot.com/

    ReplyDelete
  7. gimana caranya menampilkan entri commnet as seperti dibawah ini? mkasih..

    ReplyDelete

home

Copyright © 2012 Tutorial Blogspot | Design by X-Template