Headlines News :
Home » » Cara Mengganti Background Blog Dengan Gambar

Cara Mengganti Background Blog Dengan Gambar

Written By Pandi Daud on Selasa, 19 Februari 2013 | 23.40

Pada tutorial kali ini,kembali saya share info seputar blog khusus bagi teman yang ingin mengganti background Blog-nya dengan Gambar sesuka anda nah.. bagaimana caranya mengganti background blog di blogspot? Contoh nya seperti blog saya ini,awalnya background template ini abu-abu ,berhubung saya agak bosan,ya udah mending saya ganti background nya saja biar keliatan lebih fresh .
Buat teman blogger yang mungkin udah bosan dengan tampilan blog nya, tenang sobat bisa mengatasi kejenuhan dengan mengganti background Template blognya sesuai selera dan keinginan.
baik seperti apa Cara Mengganti background Blog? kita liat dibawah ini :
Disini kita mengambil contoh pada background body di template blog kita, cari kode body { Nah di sana terdapat kode background,


body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Setiap blog terkadang agak berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini :

http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg

Maka kalian cukup menambahkan url (http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x; pada background tersebut.

Jadi :

body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;

Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Pandi Cktc - All Rights Reserved
Original Design by Creating Website Modified by Adiknya