Selasa, 19 April 2016

Cara Mengganti Background Blog dengan Gambar Secara Manual (Blogger)

  Background Blog merupakan Sebuah Tampilan Latar Belakang yang terdapat pada Sebuah Blog. Dan Kali ini Saya akan membagikan Sebuah Tutorial mengenai Cara Mengganti Background Gambar Secara Manual Pada Blog (Blogger). Maksudnya Secara Manual adalah dengan Cara langsung menggunakan ataupun memasukkan CSS Kedalam Template Blog yang ada pada menu Edit HTML.

  Dan Berikut Cara Mengganti Background Blog dengan Gambar Secara Manual (Blogger) :
1. Pilih Menu Template
2. Edit HTML



3. Cari Kode Seperti dibawah ini :

body {
background : #fafafa ;
}

4.  Ganti Kode diatas dengan Kode dibawah ini :

body {
background-color: #fafafa ;
background-image: url (http://slabrebeuf.com/ghassensoufi/wp-content/uploads/2014/05/blog-background.jpg) ;
}

Keterangan :

background-color ( #fafafa ) : merupakan Warna Background yang akan diTampilkan untuk Blog anda.
background-image : merupakan Url Gambar yang akan dijadikan Background Blog anda.

5. Save

Anda juga bisa mengatur Background Gambarnya Seperti Berikut ini :

background-image : url(http://slabrebeuf.com/ghassensoufi/wp-content/uploads/2014/05/blog-background.jpg); fixed; repeat-y; center top;

Keterangan :


  • fixed  : Silahkan hapus jika ingin gambar Background anda ikut naik turun saat halaman di Scroll.
  • repeat-y : Silahkan ganti dengan no-repeat, jika anda tidak ingin ada pengulangan pada Gambar. atau Bisa juga diganti dengan repeat-x : jika anda ingin ada pengulangan pada Gambar akan tetapi hanya terjadi pada sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar ataupun vertikal (tile mode). 
  • center top : adalah letak titik acuan (Pusat) pada gambar, bisa anda ganti sesuai selera anda, bisa juga diganti dengan left top, atau right top sesuai Selera anda.
Mungkin itu Saja yang bisa saya sampaikan kali ini mengenai Cara Mengganti Background Blog dengan Gambar Secara Manual (Blogger). #Salam_Blogger.

Lorem ipsum dolor sit amet, mea prompta intellegam in, mutat doming apeirian pro an. Solum explicari vix te. Et dicant aperiri consequat usu, utamur diceret postulant sit cu.

Silahkan berikan komentar anda sesuai dengan postingan diatas.
EmoticonEmoticon