Selamat datang di jendeladakwahkampus.Com

Agus Musoleh ~ Membangun Kesadaran dan Mengembangkan Potensi Mahasiswa

Penulis : Agus Musoleh
E-Mail : agusmustanir@gmail.com
Terbit : Hari Rabu, 11 April 2012
Judul : Cara Untuk Menghilangkan Judul Blog di Header

:: Lihat Info Lengkap Penulis ! ::

Cara Untuk Menghilangkan Judul Blog di Header

Rabu, 11 April 20120 komentar

Hallo sahabat blogger, hari ini saya akan memberikan tips bagi sahabat semua tentang bagaimana cara untuk menghilangkan judul blog di header. Ya. . . meskipun tipsnya sederhana dan banyak juga yang membahas tentang hal ini, saya tetap berharap bisa membawa manfaat :-)

Sedikit informasi bagi sahabat semua, dalam blog, judul sangat penting dalam search engine karena itu digunakan untuk memberikan informasi tentang blog kita. Meskipun begitu judul blog ini sangat menjengkelkan. Lho kenapa menjengkelkan? Kan sangat penting.

Hmm. . .beberapa hari yang lalu saya membuat blog jendela dakwah kampus sekaligus membuat desain header, tapi ternyata judul blognya malah merusak pemandangan. Menjekelkan bukan?

Sahabat blogger bisa lihat sendiri, desain yang keren malah ditimpuk sama judul.




Nah setelah saya berguru sama mbah google, akhirnya ketemu deh solusinya.

Meskipun pembahasannya menghilangkan judul, bukan berarti menghilangkan secara permanent, tapi disembunyikan supaya tidak kelihatan.

Oke, langsung saja kita lihat bagaimana caranya

1. Masuk menu template kemudian klik edit HTML setelah itu cari kode yang mirip seperti dibawah

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

Atau sahabat semua bisa mencarinya dengan menekan keyboard ctrl + F, lalu ketik header h1, sama seperti yang biasa saya lakukan.

2. Tambahkan kode visibility:hidden ke dalam kode di atas, kurang lebih seperti yang terlihat di bawah ini.

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;}

3. Selesai :-) dan tinggal di save
Hasilnya akan tampak seperti ini



Oke sekian dari saya, semoga bermanfaat sahabat.
Share this article :

Posting Komentar

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2011. Jendela Dakwah Kampus - All Rights Reserved
Template Created by Creating Website Modify by CaraGampang.Com
Proudly powered by Blogger