Best Patner

Sabtu, 12 Januari 2013

Memodifikasi Header Blog

Menyembunyikan Judul dan Deskripsi Blog :
Langkah-langkah : edit html>>lanjutkan>>centang expand template widget>>cari kode berikut ini :
Judul blog : untuk menyembunyikan judul blog caranya adalah dengan menambahkan code : display none pada akhir kode tersebut, perhatikan contoh berikut ini.
  • #header h1{margin:0 5px 0;padding:0px 0px 0px 0px;font-family:Georgia,Serif,Arial, Helvetica, Sans-serif;font-weight:bold;font-size:36px;line-height:36px;color:#474646;text-shadow:0px 1px 0px #fff;display:none;}
Catatan : Setiap template mungkin memiliki kode yang berbeda, carilah kode yang mirip dengan kode tersebut di atas.


Deskripsi blog :
Untuk menyembunyikan deskripsi blog, carilah kode seperti di bawah ini, atau yang mirip dengan kode tersebut lalu tambahkan kode : display none dibelakang kode tersebut. Perhatikan contoh berikut ini :

  • #header .description{padding-left:8px;color:#666;line-height:16px;font-size:16px;padding-top:0px;margin-top:5px;text-shadow:0px 1px 0px #fff;font-family:Georgia,Serif,Arial, Helvetica, Sans-serif;display:none;}

Membuat Background Header dengan Gambar
Cara 1 :
  • Cara yang pertama adalah dengan cara yang biasa dilakukan pada template bawaan dari blogger, yaitu : tata letak>>header>>edit>>unggah gambar atau dengan memasukan url gambar>>simpan
Cara 2 :
Cara yang kedua yaitu melalui menu edit html. Header wrapper merupakan tempat atau wadah untuk menempatkan judul dan deskripsi blog. Cara memodifikasi header wrapper adalah dengan  mencari kode berikut atau yang mirip (gunakan ctrl+F): 
#header-wrapper{ width:980px;height:143px;overflow:hidden;}. Setelah ketemu ubah kode tersebut menjadi seperti ini : #header-wrapper{ background : url(url gambar anda);width:980px;height:143px;overflow:hidden;background-repeat: no-repeat;}
Keterangan :
  • url gambar anda yaitu url gambar yang telah diunggah ke blog anda atau ke picasa web album. Apabila gambar diunggah langsung ke blog anda silahkan liat url gambar dari mode html. Apabila gambar diunggah ke picasa web album arahkan mouse ke gambar lalu klik kanan mouse, pilih coppy  image url.
  • width adalah lebar dari header wrapper;
  • height adalah tinggi dari header wrapper.
  • background-repeat: no-repeat artinya gambar hanya satu (tidak diulang).
Merubah warna background header
Untuk mengubah warna background header wrapper dapat dilakukan dengan cara menambahkan kode warna seperti contoh di bawah ini :#header-wrapper{background-color:#fffff;width:980px;height:143px;overflow:hidden;}. #ffffff adalah kode warna untuk warna putih, silahkan pilih warna yang anda sukai.


Setelah semua perubahan tersebut selesai dilakukan, jangan lupa simpan template anda (save template) dan lihat hasilnya. Jangan lupa pula sebelum memodifikasi template anda sebaiknya unduh template untuk berjaga-jaga apabila terjadi kesalahan.

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger
Free Flash TemplatesRiad In FezFree joomla templatesAgence Web MarocMusic Videos OnlineFree Website templateswww.seodesign.usFree Wordpress Themeswww.freethemes4all.comFree Blog TemplatesLast NewsFree CMS TemplatesFree CSS TemplatesSoccer Videos OnlineFree Wordpress ThemesFree CSS Templates Dreamweaver