Friday, November 30, 2018

Cara Mengubah Background Blog

Banyak cara yang dapat kita lakukan dalam memodifikasi tampilan blog, salah satunya dengan mengganti / mengubah background blog yang ada dengan background gambar. Hal ini tentunya menciptakan tampilan blog anda kelihatan lebih menarik di mata pengunjung, namun jangan hingga juga dengan menambahkan image bacground di blog sahabat akan menjadi semakin usang pada ketika loading /di saluran alasannya ialah mungkin file gambarnya terlalu besar ukurannya.


Dalam artikel cara mengubah background blog ini saya berharap sahabat dapat mengelola blognya supaya kelihatan lebih rapi dan yummy di pandang, sehingga pengunjungpun merasa nyaman dan betah untuk membaca tips maupun artikel lain yang ada di blog.


Untuk cara mengubah background blog dengan image, silahkan disimak klarifikasi singkat berikut ini :


1. Seperti biasa silahkan login di blogger.com, kemudian pilih sajian template, dan pilih Edit HTML, maka akan muncul halaman Edit HTML

2. Kemudian carilah arahan ibarat ini : .body dengan menekan tombol keyboard CTRL+F

3. Setelah berhasil menemukan arahan tersebut, carilah script yang ibarat mirip arahan dibawah ini :


body{ background:#ded8c0;


color:#28261A;


font:12px verdana,arial,Sans-erif;


text-align:left;


margin:0;


}


4. Setelah ketemu, sahabat tinggal menambahkan arahan ibarat ini:


url(‘url link iamge yang ingin dijadikan background blog’) repeat-x; Sehingga, dari pola arahan diatas, menjadi :


body{


background:#ded8c0 url(‘url link iamge yang ingin dijadikan background’)


repeat-x; color:#28261A;font:12px verdana,arial,Sans-erif;text-align:left;


margin:0;


}


Note : arahan ndak harus sama persis dengan arahan di atas, alasannya ialah script tersebut tergantung dari si pembuat template. namun pada pada dasarnya sahabat harus mencari kode


body {


background:


misal saja saya memakai theme lain, masih dalam pola yang sama maka arahan dari script ini menjadi


body {

background:$bgcolor url(http://2.bp.blogspot.com/_tUdwiyEcqV4/TVAvFHtAPaI/


AAAAAAAAAs4/CWq83k6p4ew/s1600/bg_bodyeee.png) repeat-x top left;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}


5. Jika sudah sahabat mengedtinya dapat menentukan tombol Simpan template apabila gambar background telah sesuai dengan keinginan.


Selain itu sahabat juga dapat mengubah sebuah gambar kecil menjadi gambar besar dengan cara mengganti repeat-x; menjadi repeat scroll 0 0; sehabis arahan URL image background.



Sumber aciknadzirah.blogspot.com