Jumat, 01 Juli 2011

Cara Menghilangkan atau Menyembunyikan Judul dan Deskripsi pada Blog

Assalamu Alaikum Warhmatullahi Wabarakatuh

Hai Cika'........Kita Ketemu lagi......

Saat aku lagi utak atik Header Blog aku....untuk pasang Banner..... Aku merasa terganggu dengan Judul Header dan Deskripsi yang selalu saja Muncul..................
untuk solusi dari semua itu maka Silahkan Simak Tips & Trik aku Berikut ini :

Sebelum mengutak atik Rancangan HTML Blog Silahkan Backup ato silahkan Klik Download Templet Lengkap dulu baru memulainya..

1. Silahkan Login Dulu Ke Blog Anda CIka'....
2.Klik Rancangan

3.Klik Edit HTML.

4.Untuk menembunyikan judul blog cari kode seperti dibawah ini .

 #header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}

 Jika tidak ada Kode Seperti Itu maka cari saja 

.header h1
 lalu ganti seluruhnya dengan kode dibawah ini :
 margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}

5.Kalo sudah ketemu Tambahkan kode display:none; di bawah kode font: normal normal 200% Georgia, Serif; .atau lebih jelasnya lihat kode dibawah ini.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none;
}


6.Selanjutnya untuk menyembunyikan deskripsi Dari judul Blog sobat silkan cari kode seperti di bawah ini .

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
}

7.Selanjutnya tambahkan kode display:none; di bawah kode color: #999999; atau biar lebih jelas lihat kode lengkapnya.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}


8.Kalo tdk bisa juga cika'.......cari kode seperti di bawah ini.

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
}

9.Selanjutnya sama seperti di atas tinggal tambahin kode display:none; aja dibawah kode color:#333; .

10.Sehingga kodenya jadi seperti dibawah ini .

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
display:none;
}


11.Sebelum Disimpan SIlahkan Klik Dulu PRATINJAU untuk melihat Displaynya......Kalo sudah sesuai dengan yang diinginkan....maka Silakan klik tombol SIMPAN TEMPLATE

Nb :. Seandainya Terjadi Kesalahan ato tdk bisa juga...silahkan tinggalkan Komentarx Inysa Allah akan kami beri solusinya........Trima kasih.....

Wassalamu Alaikum Warhmatullahi Wabarakatuh

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...