Menyembunyikan Judul Dan Deskripsi Blog

Tutorial ini juga sudah sangat lama, tetapi tidak ada salahnya jika kembali aku posting. Hitung-hitung sebagai arsip atau backup jika komputer aku tiba-tiba harddisknya rusak dan semua data hilang.

Judul atau deskripsi suatu blog tentu mempunyai peranan di dalam blog itu sendiri.

Karena judul blog tersebutlah salah satu yang bisa membuat blog tersebut terdeteksi di mesin pencarian.

Tetapi apa jadinya jika dalam suatu blog yang harusnya blog tersebut lebih bagus jika dibuat logo blog atau simbol-simbol tertentu tetapi judulnya juga ikut serta disana. Jadinya judul sama logo saling bertimpa, apalagi jika judul blog tersebut lumayan panjang yang tidak muat di header blog tersebut.

Ada dua cara untuk menyembunyikan judul dan deskripsi blog, yaitu melalui Tata Letak dan melalui Edit HTML.

Cara Pertama - Melalui Tata Letak

Masuk ke dalam blogger
Pilih Tata Letak
Klik Edit pada bagian Header
Pada bagian Gambar pilih Dari Komputer Anda jika kamu ingin mengupload logo melalui komputer atau pilih Dari Web jika kamu telah memiliki logo di link tertentu.
Pada bagian Penempatan pilih Selain Judul Dan Keterangan
Klik Simpan

Cara Kedua - Melalui Edit HTML

Masuk ke dalam blogger
Pilih Template » Edit HTML
Kemudian cari kode header h1 « untuk judul dan kode header .description « untuk deskripsi
Setelah ketemu kode tersebut, silahkan masukan kode visibility: hidden; atau display:none; tepat diantara kode { atau } dari masing-masing bagian

Contoh untuk judul blog :

Awalnya kode yang terdapat pada judul blog seperti ini.

#header h1{line-height:1.2em;text-transform:uppercase;letter-spacing:.1em;font:$pagetitlefont;margin:0 auto;padding:10px 5px .15em}

Setelah ditambahkan kode visibility: hidden; jadinya seperti ini

#header h1{visibility:hidden;line-height:1.2em;text-transform:uppercase;letter-spacing:.1em;font:$pagetitlefont;margin:0 auto;padding:10px 5px .15em}

Atau jika ditambahkan kode display:none; jadinya seperti ini

#header h1{display:none;line-height:1.2em;text-transform:uppercase;letter-spacing:.1em;font:$pagetitlefont;margin:0 auto;padding:10px 5px .15em}

Contoh untuk deskripsi blog :

Awalnya kode yang terdapat pada deskripsi blog seperti ini.

#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}

Setelah ditambahkan kode visibility: hidden; jadinya seperti ini

#header .description{visibility:hidden;max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}

Atau jika ditambahkan kode display:none; jadinya seperti ini

#header .description{display:none;max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}

Harap diingat...

Tidak semua template blog itu kodenya digabung seperti di atas, ada juga template yang kodenya malah dipisahkan ke bawah, seperti contoh berikut.

#header h1 {

margin:5px 5px 0;

padding:130px 0px 0px 130px;

font-size: 28px;

line-height:1.2em;

text-transform:titlecase;

letter-spacing:.1em;

}

Tetapi pada intinya letakkan kode tersebut setelah { atau sebelum } dan beri tanda ; yang merupakan pemisah antara satu fungsi dengan fungsi lainnya. Jadi jika ditambahkan kode visibility:hidden; atau kode display:none; maka jadinya akan seperti ini.