SSIAGA TRANS
Kamis, 31 Maret 2016

Cara Mengubah Background Template Blogger

Kendala yang sering anda hadapi salah satunya kemungkinan adalah bagaimana mengubah background template blogger anda. Hal ini selalu saja muncul sebagai polemik kecil dan tidak tahu bagaimana melakukannya. Selalu browsing dan tidak menemukan solusinya, atau anda yang tidak paham bagaimana menggunakan search engine google, bagaimana mengetikkan kata kunci sehingga bermunculan artikel-artikel yang anda butuhkan.

Pola dasar yang anda harus ketahui untuk mengubah background template blogger anda adalah membayangkan apa yang anda ingin lakukan, pandanglah template anda dan kenali. Anda bisa modeling, belajar dengan contoh melihat-lihat template blog berikut untuk dibandingkan dengan template blog anda.


Bagian yang berwarna putih abu-abu pada gambar di atas adalah Background Body, bagian yang berwarna hijau muda adalah Background Outer-Wrapper, bagian yang berwarna hijau tua adalah Background Header dan Background Header Ads, dan bagian dalam yang berwarna putih adalah Background Main Wrapper atau Background Artikel Wrapper. Berikut ini adalah kodenya :

1. Background Body
body{background:#eaeaea;margin:0;padding:0;font-family: calibri;color:#2c3e50;}

2. Background Wrapper
#wrapper{
background:#33FF33;
width:1300px;
overflow:hidden;
margin:0 auto;
padding:10px;
}

3 Background Header dan Background Header Ads
#header-wrapper{color:#fff;text-align:left;background:#006600;width:100%;overflow:hidden;}
#header{width:25%;overflow:hidden;float:left;}
#header-ads{width:75%;overflow:hidden;float:right;}

4. Background Artikel Wrapper
#artikel-wrapper{background:#fff;float:right;width:75%;overflow:hidden}

Tulisan yang berwarna merah di atas adalah warna background dari template blogger, silahakan temukan kode template blogger anda dan ganti warna template blogger anda dengan warna yang anda inginkan.

Anda bisa menggunakan bantuan kode warna berikut untuk mendapatkan kode warna yang bisa anda pasang di template blogger anda !!!


Dan jika anda menginginkan background dalam bentuk image atau gambar, yang perlu anda ganti dari kode di atas adalah background:#kodewarna menjadi background-image: url(url gambar anda), misalnya background pada body di atas
body{background:#eaeaea;margin:0;padding:0;font-family: calibri;color:#2c3e50;}
menjadi
body{background-image: url(//gambaranda.com);margin:0;padding:0;font-family: calibri;color:#2c3e50;}

mudah bukan?

Selamat mencoba !!!