Cara Mengganti Background Header Blog Dengan Image/Gambar

Posted by Irwan syah Rating: 4.5 at Friday, December 14, 2012

Cara Mengganti Header Blog Dengan  Gambar/Image. Postingan kali ini masih dalam Tutorial Design blog cara mengganti background Header Blog dengan Gambar, memperindah tampilan blog adalah hal yang memang perlu bagi para blogger di samping itu agar tampilan blog nyaman dan enak terlihat bagi para pengunjung. Baiklah langsung saja langkah Pertama yang harus di lakukan log in dahulu ke Blogger jangan lupa untuk Back Up Template Terlebih dulu setelah itu pilih Template dan Edit HTML lalu centang carilah kode di bawah ini.
#header atau #header-wrapper  Copy kode di bawah ini.

width:960px;heigth:96px;margin:0 auto 10px;border:1px solid #ccc; background: #fff url(Url Image Anda simpan di sini) no-repeat top right; /* kanan atas menunjukkan posisi latar belakang */}

untuk gambarnya saya sudah siapkan contohnya background header blog silahkan downloadnya saja di bawah ini setelah selesai copy url gambar tersebut.

Contoh url :: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid83kFZv09RNWH_9deKgTNvIgpJm6U3jnSC6PT4L4-9n8Wm2SQT7BLMlf0rnUoGxYiJdICbVL4lxZLL2zHMfxia9sX9cmvec8qucywvRz52gXW1Li6O8-1QM7K4JRVC8yD2ml2HVcZlO8s/s1600/header-background.png

lalu paste lihat kode di atas yang saya kasih huruf tebal lalu simpan dan lihat hasilnya.
Catatan : Bila ingin merubah panjang lebarnya gambar ganti ukurannya Width dan heigth.

Demikian Postingan saya dalam tutorial design blog itulah Cara Mengganti Background Header Blog Dengan  Gambar/Image semoga bermanfaat buat anda.



Description: Cara Mengganti Background Header Blog Dengan Gambar/Image Rating: 4.5 Reviewer: Irwan syah Item Reviewed: Cara Mengganti Background Header Blog Dengan Gambar/Image

- See more at: http://www.nirwan-blog.web.id/2012/12/cara-mengganti-background-header-blog.html#sthash.0Z4L8mae.dpuf

Mempercantik performance atau tampilan sebuah blog adalah hal yang menjadi wajib dan keharusan untuk memanjakan pengunjung agar bisa lama-lama dalam mengunjungi  blog kita, salah satu cara adalah yaitu tadi mempercantik tampilan blog kita dimulai dengan tampilan header blog yang menarik dan indah. Oke sob langsung saja kita ke pointnya yu cekidot..

1. Login ke Blogger

2. Pilih Template 

3. Klik  Edit HTML (jangan lupa centang Expand Template Widget  

4. Carilah kode #Header

   dan copy kode dibawah ini:

width:960px;heigth:96px;margin:0 auto 10px;border:1px solid #ccc; background: #fff url(Url Image Anda simpan di sini) no-repeat top right; /* kanan atas menunjukkan posisi latar belakang */}

5. Lalu paste kode tersebut di bawah kode #Header
6. Terakhir Save Template
7. Selesai dan lihat pratinjau untuk melihat hasilnya 

Note: 

Cara diatas di jalankan apabila ingin merubah panjang dan lebar   gambar dan tinggal mengganti ukuran width dan height.(source:http://www.nirwan-blog.web.id/)

Sekian dulu postingan saya kali ini dan semoga bermanfaat dan sampai jumpa.. 

url(Url Image Anda simpan di sini) no-repeat top right; /* kanan atas menunjukkan posisi latar belakang */}

width:960px;heigth:96px;margin:0 auto 10px;border:1px solid #ccc; background: #fff url(Url Image Anda simpan di sini) no-repeat top right; /* kanan atas menunjukkan posisi latar belakang */} - See more at: http://www.nirwan-blog.web.id/2012/12/cara-mengganti-background-header-blog.html#sthash.0Z4L8mae.dpuf

width:960px;heigth:96px;margin:0 auto 10px;border:1px solid #ccc; background: #fff url(Url Image Anda simpan di sini) no-repeat top right; /* kanan atas menunjukkan posisi latar belakang */} - See more at: http://www.nirwan-blog.web.id/2012/12/cara-mengganti-background-header-blog.html#sthash.0Z4L8mae.dpuf