Tutorial: Hilangkan Tajuk Blog Di Blog Header..

Oppss..!! kepala siapa la tu ye.. Pada empunya kepala.. saya pinjam gambar ye.. sebab kepala anda amat bermakna untuk entry kali ini.. Sorry.. Okay tutorial kali ini hanya untuk yang ada masalah berkaitan je.. yang takda masalah kalau nak baca pun apa salahnye di persilakan.. Kali ni aku akan ajar cara untuk menghilangkan tajuk blog pada header sesebuah blog.. Korang mesti pernah ada masalah macam ni kan...??

Korang mesti frust kan.. bila dah design header blog cantik-cantik cun-melecun pastu bila nak publish je.. ada pula tajuk blog korang muncul atas gambar header yang korang dah design cantik-cantik tadi tu.. Pada yang jenis tak kesah tu.. mungkin biarkan je.. tapi kalau orang macam aku ni.. yang particular bab-bab macam ni. rasa semak je tulisan tu.. dan buat kita hilang mood nak buat blog.

Pada sesiapa yang masih tak paham.. meh aku terangkan lebih lanjut. tajuk blog ni sebenarnya.. tulisan yang korang tulis masa setting blog korang.. kiranya jenama blog korang la.. macam tajuk blog ni.. Cerita Kedai Kopi.. benda ni ikut nasib.. kalau korang dapat template  yang dah ada setting dia ok lah.. tapi bagi yang dah cari layout cantik-cantik bila dah install kat blog.. tajuk blog korang pulak buat semak kat header dia.. contoh macam screenshot blog aku kat bawah ni.

Korang tengok contoh header aku kalau tak buang tajuk blog.. nampak semak je kan..?? kalau korang ada masalah macam ni.. dan buntu apa nak buat.. korang ikut je seperti langkah yang  aku tunjuk kat bawah.. bendalah ni boleh di hidden sebenarnya.. senang je.. tak sampai 5 minit dah siap..

Langkah Pertama

Mula-mula mestilah bace bismillah dulu ye.. then... Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates. (sebelum tu korang kena download full tamplet dulu untuk backup in case korang salah buat ke.. jahanam codding korang nanti..)

Langkah Kedua

Korang tekan Ctrl + F (find text) cari line salah satu dari ketiga-tiga kod dibawah ni.

#header h1 {
margin:50;
padding:10px 0 0 20px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#0099CC;
Kod Tambahan
}




Atau Kod ini

blogname h1 {
font-size:40px;
font-weight:normal;
margin:0px 0px 0 40px;
color:#ffffff;
text-decoration: none;
text-align:left;
Kod Tambahan




Atau Kod Ini..

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
Kod Tambahan
}

Langkah Ketiga

Bila korang dah  jumpa salah satu code yang kat langkah dua tadi tu...tambahkan code seperti code warna merah pada bahagian bawah ni sebelum tanda ( } ). (Korang boleh Try salah satu Kod dibawh ni..)

display:none

visibility:hidden;

Kemudian tekan je Save kalau tak ada massage error terpampar.. Contoh macam aku buat kat bawah ni..

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
visibility:hidden;
}

Kalau tak jadi juga.. korang try la kedua-dua kod tambahan ni.. mesti jadi punya... kalau tak jadi gak.. mesti ada something wrong yang korang tertingal.. yang penting korang kena cari line kod yang betul pada langkah dua tadi tu.. apepun..  wish u all semua goodluck pada yang mencuba..

P/s:kat bawah ni ada menyimpang tajuk sikit.. sambil-sambil bace post ni.. meh layan DJ-FUzz sekali.. Hehe..

DJ Fuzz-Hebat Nampak

(sudah Puas Aku Mengajar Kau..!!)