Sabtu, 17 September 2011

Menambah Background Gambar /Image di Template Blogger

Baiklah pada kesempatan kali ini saya akan memberikan beberapa cara, untuk menambahkan background image pada template :
Silahkan ikuti langkah-langkah Berikut ini:
1.Login ke blogger
2.Pada Dasbor klik Tata letak/rancangan
3.klik Edit html->>expand template widget
4.Kemudian Cari code-code berikut :

Cara Membuat Gambar latar belakang untuk Sidebar

#sidebar-wrapper {

Tambahkan code maka selengkapnya seperti di bawah ini

#sidebar-wrapper {
background-image: url(URL GAMBAR ANDA);


Cara membuat gambar latar belakang untuk postingan

#main-wrapper {

Jika sudah tambahkan code maka selengkanya seperti ini

#main-wrapper {
background-image: url(URL GAMBAR ANDA);


Cara Membuat Background dengan Gambar Pada Template

body {

tambahkan code ,maka selengkapnya sperti ini

body {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtwzM7ej4YLWvF1Dnwuv1EC6_aLgMa-hVwT46gnuky4izgjenOQu2ePYiO3Py4zfGzxifsUoIYa8kVHlZFXUuUTkIk7rKCIOPtuFPAb69_gab-lwRQ5lTnS5IYnKYtGFfaFW18tOQ-pwjp/s1600/bg.jpg") no-repeat scroll 0 0 #010101;
background-position:top center;
background-attachment:fixed;




Ket:
Ukuran gambar harus Lebar (pixel) : 1300 dan Tinggi (Pixel) 690



Cara Menambahkan Gambar Di Header Blog

#header-wrapper {

Jika sudah ketemu tambahkan code,maka selengkapnya seperti ini

#header-wrapper {
background-image: url(URL GAMBAR ANDA);

Ket: Code yang berwarna Hijau adalah code yang harus anda tambahkan......

6.klik simpan template dan lihat hasilnya...

2 komentar:

Wirang geni mengatakan...

Nice trik Gan,

yayan kurniawan mengatakan...

ya gan

Posting Komentar.

TOLONG KASIH COMENT NYA,,,TERIMAKASIH,,dan jangan lupa kunjungi bloag aku lagi ya