Sharing Ilmu Pengetahuan

Blog yang membahas seputar Tips dan Trik Internet, Komputer, Download Software Gratis dan Berita Teknologi Terkini .

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Blog Tutorials » Info » Tips Blogger » Cara Mengganti Gambar Background pada Blog

Saturday, 1 December 2012

Cara Mengganti Gambar Background pada Blog

Dwem
Add Comment
Blog Tutorials, Info, Tips Blogger
Saturday, 1 December 2012
Yaa .. Kali ini saya akan Menjawab Pertanyaan dari Teman saya yang Bernama 'Aldi' .
ia menanyakan Bagaimana Sih cara Mengganti Gambar Background pada Blog .


Untuk mengganti gambar background blog seperti yang diinginkan, berikut langkah-langkahnya:


(Sebelum anda mengganti warna/gambar background dengan gambar bakcground baru, pastkan  telah menemukan/memiliki gambar background dan menghosting-nya sendiri.

1. Masuk ke dashboard anda dan pilih tab menu design/rancangan.
2. Pilih Edit HTML
3. Centang expand widget template di sebelah kanan atas template HTML .
4. Kemudian anda cari kode tag ini: body{ (gunakan Ctrl+F untuk mencari dengan cepat) Nah di sana terdapat kode background
Disini kita mengambil contoh pada background body di tamplate 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 rada 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;
Nah demikian artikel mengena


Source: http://amronbadriza.blogspot.com/2012/10/cara-mudah-mengganti-background-blog.html#ixzz2DYS18ITa
 
-->Disini saya mengambil contoh pada background body di tamplate blog saya,




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

--> Setiap blog rada berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini

Disini kita mengambil contoh pada background body di tamplate 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 rada 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;
Nah demikian artikel mengena


Source: http://amronbadriza.blogspot.com/2012/10/cara-mudah-mengganti-background-blog.html#ixzz2DYS18ITa
inggal kamu ganti repeat-x; menjadi repeat-x top left fixed; atau yang paling saya suka adalah menggunakan gamb

Source: http://amronbadriza.blogspot.com/2012/10/cara-mudah-mengganti-background-blog.html#ixzz2DYRuAW5Z
inggal kamu ganti repeat-x; menjadi repeat-x top left fixed; atau yang paling saya suka adalah menggunakan gamb

Source: http://amronbadriza.blogspot.com/2012/10/cara-mudah-mengganti-background-blog.html#ixzz2DYRuAW5Z
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;
Nah demikian artikel Tentang Cara Mengganti Gambar Background pada Blog
Semoga Bermanfaat


HD46NSH2RH62

Disini kita mengambil contoh pada background body di tamplate 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 rada 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;
Nah demikian artikel mengenai


Source: http://amronbadriza.blogspot.com/2012/10/cara-mudah-mengganti-background-blog.html#ixzz2DYRjbCUR


Suka Artikel? Bagikan: Facebook Twitter Google+
0 Komentar untuk "Cara Mengganti Gambar Background pada Blog"

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Popular Week

  • Cara membuat acount SSH sendiri ( Port 443 )
  • Cara Setting Bitvise SSH Client dan Proxifier
  • Cara Memperkecil Ping atau Latency Internet
  • Login Windows dengan Face Recognition ( Banana Screen 1.2.1 )
  • Download PETA Megapolitan 2013
Powered by Blogger.

DMCA Protection

DMCA.com

Labels

  • Agama
  • Akun SSH
  • All About SSH
  • Animated Flash
  • Anti Virust Recommend
  • Applikasi
  • Berita Nasional
  • Blog Tutorials
  • Dasar Belajar Membuat Blog
  • Di Jual Kelinci
  • Download software gratis
  • Download Software Hack Billing
  • download software the ultimate troubleshooter gratis
  • download software tuneup utilities 2014 full
  • Features
  • Gratisan
  • Hecking
  • Info
  • Internet
  • Islami
  • Java Script
  • Kata" Lucu
  • Kata" Mutiara
  • Kata" Romantis
  • Kesehatan
  • Kumpulan Driver
  • Lirik.html
  • Membuat Akun SSH
  • Music.html
  • Networking
  • News
  • Ninja Kita
  • Pantun Agama
  • Pantun Humor
  • Pantun Romantis
  • pengetahuan
  • Pernak Pernik Blog
  • Photoshop
  • Point Blank.html
  • Proxy
  • Proxy Indonesia
  • Proxy UK
  • Proxy US
  • Recommend Software
  • Review
  • Review Linux
  • Review OS
  • Review Windows
  • Sejarah
  • Setting GPRS
  • Software
  • Software Security
  • software terbaik
  • SSH FC
  • SSH INDO
  • SSH NL
  • SSH SG
  • SSH UK
  • SSH US
  • Texas Holdem Poker.html
  • Tips Blogger
  • tips internet
  • Tips Joomla
  • Tips Komputer
  • Tips N Tricks.html
  • Tips SEO
  • Tips Virus
  • Trik Facebook
  • Trik Handpone
  • Trik" Facebook
  • Trik" Handpone
  • Troubleshooting
  • Tutorial Delphi
  • Tutorial Internet
  • Tutorial Php MySql
  • Tutorial SSH
  • Tutorial VB
  • Tutorial VB NET
  • Tv Online.html
  • Unik
  • Widget Blogger
  • Windows Loader

Blog Archive

  • ►  2014 (14)
    • ►  May (7)
    • ►  February (6)
    • ►  January (1)
  • ►  2013 (39)
    • ►  December (9)
    • ►  November (12)
    • ►  May (6)
    • ►  April (6)
    • ►  February (6)
  • ▼  2012 (76)
    • ▼  December (3)
      • Rating: 4.5 Klik kanan pada mouse pada browser me...
      • Cara Mudah Membersihkan File Yang Tidak Diperlukan...
      • Cara Mengganti Gambar Background pada Blog
    • ►  November (6)
    • ►  January (67)
  • ►  2011 (334)
    • ►  December (3)
    • ►  October (2)
    • ►  September (64)
    • ►  August (121)
    • ►  July (4)
    • ►  June (25)
    • ►  May (115)

Download Toolbar Sharing Ilmu Pengetahuan

Get our toolbar!

Followers

About Me

Dwem
View my complete profile

© Sharing Ilmu Pengetahuan powered by Blogger.com.
All Right Reserved.