Jumat, 14 Juni 2013

Cara Menyembunyikan Judul dan Deskripsi Blog Di Header.

Judul Blog memang sangat penting untuk search engine.Tapi terkadang judul blog juga bisa terlihat mengganggu ketika kita membuat banner untuk header.Untuk tips ini,berguna buat sobat yang ingin menyembunyikan judul dan deskripsi blog di header sehingga judul tersebut tidak mengganggu penampilan header blog sobat




1. Cara Menyembunyikan Judul Header
Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog sobat 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;
    }

kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi 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;
   visibility:hidden;
   }

2. Cara Menyembunyikan Deskripsi Deskripsi Header
Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog sobat yang mirip seperti dibawah :

  header h2blog-desc span{background: #3F3C47;
  box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;
  padding: 0px 15px 5px 15px;
  border-radius: 5px;
  border: 1px solid #222;}
  h2#blog-desc {
  padding: 25px 5px 5px 5px;
  text-align: center;
  font-weight: 200;
  font-size: 17pt;
  letter-spacing: 4px;
  color: #fff;
  text-shadow: 2px 2px 2px #222, -2px -2px 2px #222;
  font-family: 'Playfair Display SC', serif;
 }

kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah :

  h2#blog-desc span{background: #3F3C47;
  box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;
  padding: 0px 15px 5px 15px;
  border-radius: 5px;
  border: 1px solid #222;}
  h2#blog-desc {
  padding: 25px 5px 5px 5px;
  text-align: center;
  font-weight: 200;
  font-size: 17pt;
  letter-spacing: 4px;
  color: #fff;
  text-shadow: 2px 2px 2px #222, -2px -2px 2px #222;
  font-family: 'Playfair Display SC', serif;
  visibility:hidden;
  } 

Kemudian Simpan pengaturanya.

Terima kasih telah membaca artikel Cara Menyembunyikan Judul dan Deskripsi Blog Di Header.
Selamat mencoba, semoga bermanfaat


Berkomentarlah dengan sopan dan tidak menggunakan Link aktif. EmoticonEmoticon

Diberdayakan oleh Blogger.