Catatan Ananda

Cara Membuat Full Background Di Blogspot

Sudah 2 hari ini saya tidak mempunyai kesempatan untuk membuka akun blogger saya dikarenakan sedang sibuk, tapi sibuknya masih dalam kegiatan blogging juga dalam rangka beranak pinak blog baru hehehe..., pagi ini saya sempatkan untuk membuka blog ini karena kangen untuk membuat sebuah artikel.
Tips yang akan saya berikan ini memang bukan tips baru tapi tapi akan saya beri sedikit tambahan buat menyempurnakannya.
Dulu saya sering kesulitan jika akan memasukan sebuah image/gambar untuk dijadikan full background buat blog karena saya harus merubah ukurannya terlebih terlebih dahulu agar sesuai dengan ukuran template yang digunakan, tapi Alhamdulillah setelah kenalan sama om CSS3 kendala seperti itu tidak saya jumpai kembali.
Caranya sangat mudah, kita tinggal memasukan kode tambahan dalam akhiran CSS yang berisi url background gambar yang akan ditampilkan. Untuk lebih jelasnya mari kita langsung praktekan saja.

Silahkan kamu login ke akun blogger dan pilih menu Rancangan/Design kemudian pilih Edit HTML, cari tulisan yang ber headline ungu seperti dibawah ini dalam template kamu ( gunakan CTR+F untuk memudahkan pencarian)

body{background: #000000 ;color:#4a4848;font:75% "Helvetica Neue",Arial,Helvetica,sans-...}

Kode tersebut adalah CSS template kamu , jika sudah ditemukan kamu harus menghapus sisa kodenya sampai sebelum kurung tutupnya nantinya akan tersisa seperti ini body{background:}

copy kode dibawah ini


url(URL GAMBAR KAMU)no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;


Sisipkan kode yang dicopy tadi ke dalam CSS yang baru saja kamu hapus tadi, tepatnya setelah tanda titik dua, nantinya akan jadi seperti ini


background: url(URL GAMBAR KAMU) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
  Silahkan save. Nah selesai sudah tahapannya sekarang blog kamu sudah memiliki background full yang sempurna :)...

note: jika blog diakses menggunakan IE (Internet Eksploler) maka background akan terlihat tidak sempurna atau tidak tampak, untuk mengatasi masalah ini silahkan tambahkan kode ini


filter: progid:DXImageTransform.
Microsoft.
AlphaImageLoader(src='.myBackground.jpg', 
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.
AlphaImageLoader(src='myBackground.jpg', 
sizingMethod='scale')";



Description: Cara Membuat Full Background Di Blogspot Rating: 4.5
author

Humblebrag farm-to-table try-hard pabst. Bicycle rights cronut slow-carb irony, tumblr chia wolf lo-fi whatever squid fap pinterest craft beer chicharrones.

23 comments

Alhamdulillah berhasil....makasih...^^

reply

bang...nanya... yang ini:

filter: progid:DXImageTransform.

Microsoft.

AlphaImageLoader(src='.myBackground.jpg',

sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.

AlphaImageLoader(src='myBackground.jpg',

sizingMethod='scale')";

ditaruh dimana?

reply

tambahin setelah kode CSS3 nya nantinya jd


background: url(URL GAMBAR KAMU) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.

Microsoft.

AlphaImageLoader(src='.myBackground.jpg',

sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.

AlphaImageLoader(src='myBackground.jpg',

sizingMethod='scale')";

}

reply

okeeeyyy...terimakasih banyak ya buat infonya...sangat amat berguna sekali bagiku yang masih awam ini...^^

reply

hheee...maap ya bang soal postingan di blog saya...mksh..^^

reply

mantab gan .... tapi lo pake background gambar.. bikin berat ga seh

reply

@tirta suryana ya pastinya bikin berat tapi klo yang punya blog pengen mau digimanain lagi hehehe

reply

Maksih Bro Untuk Infonya...:)

reply

Terimakasih, berguna sekali :)

reply

udah saya coba diblog saya..terima kaasih

reply

matur thank kyu ilmu nya. cuma mau tanya kalau di IE internet exploler ngk tampil trus hrs di tambahkan kode spt di atas , trus sisipanya letaknya di mana ....

reply

backgroundnya kabur gan bagaimana cara ngatasinya

reply

kalo kabur tangkep aja wkwkwkwk, itu tandanya gambar yang kamu pakai resolusinya kecil bgt, coba gunankan ukuran sedang antara 700px sampe 1000px

reply

Makasih banget bro! Akhirnya bisa juga gua bikin background blog gua yang full gambar. KEREN KEREN KEREN!

reply

kembali kasih sobat hehe

reply

adooohhh...pusiing sayyaa.......
tdagg tauu,mklum pemula....:(

reply

sempurna hi.hi.hi aku bisa..trima kasih akhirnya...suces lebay geto..maklum pemula girang banget..makasih ya

reply

sini deket ma aa biar jadi pemalu wkwkwkkw

reply

wah kalo udah suskses harusnya bikin nasi tumpeng syukuran wakakakaka

reply

puyeng nih ajarin lagi dong.

reply

Oke,,,, Keren,,,

Thanks ya,,,, besok besok Ketemapatku Beri respon Ya

reply

wahh masa pas mau cari tulisan ungu body{background: itu gak ketemu sih ya??

reply

gk tau cra nyari css nya ajarin donk

reply

Popular Posts

Diberdayakan oleh Blogger.

Member of

About Me