Cara Menghilangkan atau Menyembunyikan Title dan Deskripsi


Hakikatnya template blog ada yang sudah disembunyikan atau dihilangkan title dan deskripsi, namun secara default template bawaan blogspot selalu menampilkan title dan deskripsi pada bagian header template blog. Namun, ada kalanya kita bosan dan ingin mengganti title blog kita dengan icon atau logo dan naasnya menghilangkan title dan deskripsi, sumber pertanyaan dalam hati kita, kalau dihilangkan nanti jadi nggak Seo Friendly ga ya.....
Majalah Blogger  ijin menjawab, "kurang tau juga, karena Majalah Blogger bukan cucunya paman google...". kalau boleh Majalah Blogger bersaran, sebaiknya disembunyikan saja jangan dihilangkan.

Langsung ke TKP tanpa panjang lebar,pertama Majalah Blogger bahas mengenai cara MENGHILANGKAN title dan deskripsinya,
Buka LAYOUT >> EDIT HTML >> Klik Expand Widget Template.
Cari kode:  #header .description {
     seperti ini kodenya,    #header .description {
                                      margin:0;
                                      padding:0 20px 10px;
                                      text-transform:none;
                                      letter-spacing:0em;
                                      line-height: 1.4em;
                                      font: $descriptionfont;
                                      color: $descriptioncolor;
                                      }
Tambahkan kode:  display:none;
Hasilnya seperti ini
     #header .description {
     margin:0;
     padding:0 20px 10px;
     text-transform:none;
     letter-spacing:0em;
     line-height: 1.4em;
     font: $descriptionfont;
     color: $descriptioncolor;
     display:none;
     } 

Keterangan tambahan, untuk menghapus title tinggal diganti pencariannya  #header h1 {


Kedua Majalah Blogger bahas mengenai cara MENYEMBUNYIKAN title dan deskripsinya, buka LAYOUT >> EDIT HTML >> Klik Expand Widget Template.
Cari kode:  #header .description {
     seperti ini kodenya,    #header .description {
                                      margin:0;
                                      padding:0 20px 10px;
                                      text-transform:none;
                                      letter-spacing:0em;
                                      line-height: 1.4em;
                                      font: $descriptionfont;
                                      color: $descriptioncolor;
                                      }
Tambahkan kode:  text-indent: -1000px; 
Hasilnya seperti ini
     #header .description {
     margin:0;
     padding:0 20px 10px;
     text-transform:none;
     letter-spacing:0em;
     line-height: 1.4em;
     font: $descriptionfont;
     color: $descriptioncolor;
     text-indent: -1000px;
     } 

Keterangan tambahan, jika masih ada deskripsi yang masih muncul tambahkan jumlah text-indentnya menjadi -2000 atau -3000 dan selanjutnya. Dan untuk menyembunyikan title tinggal diganti pencariannya  #header h1 {

0 komentar:

Posting Komentar

 
© 2009 MAJALAH BLOGGER INDONESIA | Powered by Blogger | eko blog