Sabtu, 09 Juni 2012

Cara Menyembunyikan Title dan Description pada Blog

Mari perhatikan tampilan header blog Anda, apakah di header itu tampil Judul (Title) dan Keterangan (Description)? Kalau ada, apakah menurut anda mengganggu keindahan tampilan blog? Jika iya, maka tidak perlu binggung karena Saya akan memberikan solusinya yaitu dengan Cara Menyembunyikan Title dan Description pada Blog.

A. Cara Menyembunyikan Judul Blog (Hide Title Blog):

  1. Login di Blogger, pada Dashboard klik Layouts/Tata Letak, kemudian pilih Edit HTML, kasih tanda centang pada Expand Widget Template dan ingat sebelum mulai mengedit kode-kode dalam Template sebaiknya Download Template dahulu karena apabila gagal, maka hasil download tadi bisa untuk mengembalikan kondisi template kembali seperti sebelumnya;

  2. Cari stuktur kode seperti bawah ini:

    #header h1 {
    margin:0;
    padding:10px 30px 5px;
    line-height:1.2em;
    font: normal bold 354% 'Trebuchet MS',Verdana,Arial,Sans-serif;
    display:none;
    }

  3. Tambahlah kode display:none; pada baris kode seperti contoh di atas;

  4. Klik tombol Pratinjau untuk melihat perubahannya dan jika belum berhasil, silahkan klik tombol Bersihkan Edit, kemudian coba lagi pada struktur kode lainnya sampai berhasil;

  5. Simpan Template.


B. Cara Menyembunyikan Keterangan Blog (Hide Description Blog):
  1. Langkah-langkahnya hampir sama dengan cara menyembunyikan judul blog, selanjutnya cari kode di bawah ini:

    #header .description {
    margin:0;
    padding:5px 30px 10px;
    line-height:1.5em;
    font: normal normal 110% 'Trebuchet MS',Verdana,Arial,Sans-serif;
    display:none;
    }

  2. Tambahlah kode display:none; pada baris kode seperti contoh di atas;

  3. Klik tombol Pratinjau untuk melihat perubahannya dan jika belum berhasil, silahkan klik tombol Bersihkan Edit, kemudian coba lagi pada struktur kode lainnya sampai berhasil;

  4. Simpan Template.


N O T E:
  • Bacalah tutorial ini dengan cermat dan ikuti langkah-langkahnya dengan benar. Tutorial ini sudah melalui uji coba pada Blog Serba Tersedia ini dan hasilnya sudah terbukti seperti yang Anda lihat saat ini;

  • Struktur kode dalam setiap Template tidak selalu sama, oleh karena itu penting dan harus selalu dilakukan sebelum melakukan Edit Template sebaiknya Download Template dahulu, kecuali Anda sudah mengerti tentang kode HTML.


= = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = =

3 komentar:

  1. Berhasil gan triknya dicoba di blog saya, makasih banget tutorialnya :)

    BalasHapus
  2. EDIT TEMPLATE SAYA UDAH KELAR MAS , ,
    SILAKAN DI CEK , TERIMAKSIH MAs SHARED NYA (y
    )

    BalasHapus
  3. Expand Widget Template ada dimana sih tempatnya, punya saya kalo di klik kok jadi ada yg besar ada yang kecil yah font nya :(

    BalasHapus