Menyembunyikan Navigation Bar (Frame) Blogger/Blogspot dari blog

April 11, 2007

Blog saya ini merupakan blog yang dibangun di atas platform Blogger dan dihosting di blogspot.com. Ada dua hal yang saya terapkan di sini sehingga kalau dilihat secara sekilas blog saya tampak seperti blog yang dihosting di penyedia layanan web hosting sendiri, yaitu:

Tidak memakai namablogsaya.blogspot.com
Tidak ada frame dari blogger/blogspot di atas halaman.

Siapa pun bisa melakukan hal yang sama. Rahasianya adalah:

Saya menggunakan custom domain. (Lihat Tipsnya di sini)
Saya menyembunyikan frame blogger/blogspot tersebut

Cara menyembunyikan frame blogger/blogspot:

Login ke Blogger
Pada dashboard blog Anda, klik Template
Pilih Edit HTML
Salin (copy) kode di bawah

/* ---( page defaults )--- *//* === Hide the NavBar === */.Navbar {visibility:hidden;display: none;}/* === Hide the NavBar === */

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, “Courier New”, courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

Rekatkan (paste) kode yang sudah disalin ke dalam kode CSS Anda. Paling mudah cari ” body { “ dan rekatkan kode yang sudah disalin ke atas kode ” body { “itu

Simpan template Anda.

Silakan dilihat. Frame blogger/blogspot tidak akan nampak lagi.

Catatan:

Karena blog kita menggunakan layanan gratis dari blogger dan blogspot, sebaiknya tampilkan logo Blogger pada blog Anda sebagai ganti penyembunyian frame blogger/blogspot dari blog Anda.

Share and Enjoy: