Monday, April 25, 2016

Jika kalian mendownload template, pada umumnya template bawaan akan menyertakan background atau gambar sesuai template yang diiklankan. Namun tentunya banyak dari kalian yang ingin merubahnya.
Berikut tutorial cara merubah background header :
  • > Login dulu ke akun blogger kalian
  • > Masuk ke manu Template
  • > Klik Edit HTML
  • > Silahkan cari kode #header-wrapper
    Caranya tekan Ctrl + F lalu masukkan kata di atas
  • > Kodenya mirip seperti ini, silahkan anda ganti kode #header-wrapper dengan kode dibawah ini.
#header-wrapper{width:980px; height:196px; text-align:left; background:#272727 url(http://1.bp.blogspot.com/-rVlTlSItZ0k/UaKatHyaayI/AAAAAAAAC74/2lMOEd1d0hg/s1600/background+blog.jpg) repeat-x; padding:0px}
    Akan saya jelaskan lebih lengkap mengenai kode diatas..

    width:980px adalah lebar gambar blog kalian.  height:196px adalah tinggi gambar blog kalian.
    text-align:left adalah letak teks pada header blog kalian.  Bisa kalian ganti dengan text-align:right  dan text-align:centre
    url(...) adalah url gambar kalian, bisa kalian ganti dengan url gambar yang lain.
    > repeat-x bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan.
    > padding:0px juga bisa anda ganti sesuai selera.

    Setelah kode sudah tersusun dengan benar, kalian bisa menyimpan template anda, dan silahkan lihat hasilnya.


    Cara Mengganti Background Header Blog melalui menu tata letak
    • > Masuk akun blogger kalian
    • > Pilih menu tata letak
    • > Lihat dibagian widget judul blog, silahkan klik EDIT
    Lihat dibagian widget judul blog, silahkan klik EDIT
    • Akan muncul jendela baru seperti di bawah ini :
    Nanti akan muncul window baru seperti ini 

    Akan saya jelaskan mengenai gambar diatas. Saya sudah memberi warna kotak pada setiap bagian
    1. Warna kuning digunakan untuk mengambil gambar dari komputer kalian, isi sesuai selera anda.
    2. Warna merah digunakan untuk mengambil gambar dari sebuah url gambar.
    3. Warna hijau adalah penempatan dari gambar.
    Setelah anda mengisi dengan benar, silahkan klik SIMPAN, dan lihat hasilnya.

    Berikut tadi adalah tutorial cara mengganti background Header Blog. Selamat mencoba dan semoga bermanfaat.
    Good Luck gan...

    0 comments:

    Post a Comment

    Translate

    POPULAR POST

    Bagaimana postingan blog ini ?