• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact

Dunia Online | Blog Untuk Usaha

  • Beranda
  • Sepakbola
    • Liga Inggris
    • Liga Spanyol
    • Liga Italia
    • Liga Indonesia
  • Tekno
    • Gadget
    • Internet
  • Entertainment
  • Trik dan Tips
  • Unik dan Menarik
  • Blogging
Home » Tutorial Blog » Merubah Warna Latar / Background Blog

Merubah Warna Latar / Background Blog

Bagi Anda yang ingin merubah penampilan blog supaya menghasilkan blog yang enak dilihat namun tidak membuat silau mata, ada baiknya mencoba tips yang akan saya sampaikan dibawah ini. Walaupun banyak sekali yang membahas tentang bagaimana cara merubah background blog namun sekali lagi saya ingatkan bahwa postingan ini sudah saya praktekan sehingga berbagai kesalahan sudah bisa diminimalisir hehehehe... Yuk kita mulai. 

1. Merubah Background Header Blog
Letaknya adalah paling atas, biasanya digunakan untuk meletakan judul blog, baik itu berupa tulisan atau sebuah banner. Cara merubahnya adalah :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #header-wrapper menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.


#header-wrapper {
background:
#f4f4f4;

dan seterusnya........

Jika Anda ingin merubah warna dengan kode #000000 maka hasilnya akan seperti ini :

#header-wrapper {
background:#000000;
dan seterusnya........

Bila tidak menemukan tulisan background:#f4f4f4; Anda bisa menambahkannya sendiri  tulisan tersebut tepat dibawah #header-wrapper {
Apabila sudah sesuai silahkan simpan atau pratinjau terlebih dahulu.

2. Merubah Warna Background Body
Terletak paling dasar atau dibalik halaman posting. Cara merubahnya :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan body { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

body {
background:#000000;
dan seterusnya........

Silahkan Anda sesuaikan dengan kode warna yang diinginkan .apabila selesai klik simpan.


3. Merubah Warna Background Halaman Postingan / Main body
Terletak paling tengah dan dijadikan sebagai tempat posting. Cara merubahnya adalah :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #main-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#main-wrapper {
background:#000000;
dan seterusnya........

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

4. Merubah Warna Background Sidebar
 Terletak disebelah halaman posting/main body, cara merubahnya adalah :


Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #sidebar-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#sidebar-wrapper
background:#000000;
dan seterusnya....
 
 Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

5. Merubah Warna Background Footer 
Terletak berada paling bawah halaman blog,cara merubahnya adalah :


Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #footer { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#footer {
background:#000000;
dan seterusnya...

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.


Ditulis oleh Yayan Kurniawan, Jumat, 04 Mei 2012 - Rating: 4.5
Judul : Merubah Warna Latar / Background Blog
Deskripsi : Bagi Anda yang ingin merubah penampilan blog supaya menghasilkan blog yang enak dilihat namun tidak membuat silau mata, ada baiknya mencob...

Bagikan ke

Facebook Google+ Twitter

Belum ada komentar untuk "Merubah Warna Latar / Background Blog"

Posting Komentar

Pengunjung Yg Bijak Adalah Pengunjung Yg Selalu Mengungkapkan UNEG-UNEG.nya Untuk Postingan Ini.
Berkomentarlah Yg baik,
NO SPAM, NO JUNK

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)

Banner

Checkpagerank.net

Popular Post

  • Template Blog Hack4rt
    Demo  |  Download Fitur Template Hack4rt Tampilan Cerah (Light) Responsive Template by Mas-Sugeng Bottom-Bar Post 2 Kolum dan Goog...
  • Template Framework seo elite blogger
    nah kali ini saya akan bagi-bagi info tentang Template blogger,,mumpung lagi gak ada kerjaan ya mending update aja lah ,, iya kan ..?? ...
  • Karakter Film Pirates of the Caribbean 4 dan Gambar Pemain Baru
    Film Pirates of the Caribbean 4 masih dalam proses pembuatan. Berikut ini ada beberapa foto yang di ambil dalam proses pembuatan film in ...
  • Cara Membuat Link Open New Tab Di Blog
    Cara Membuat Link Open New Tab Saat Di Klik -  Hari ini saya ingin berbagi trick sederhana namun sangat bermanfaat trick ini adalah cara m...
  • Foto Mesra Ciuman Gading Marten Dan Gisel Beredar Di Dunia Maya!
    - Beberapa waktu lalu, foto-foto Mesra Ciuman Gading dan Gisel Beredar didunia maya. Seperti diketahui sebelumnya, Gisel dan Gading me...
  • Baterai HP meledak, bocah berusia 8 tahun tewas
    Baterai HP meledak, bocah berusia 8 tahun tewas - Seorang bocah berusia delapan tahun di Tabanan Bali, Putu Fernanda, tewas setelah terk...
  • Kisah Mengharukan Anak Yang Mencoret Mobil Ayahnya
    DLN = Sepasang suami isteri – seperti pasangan lain di kota-kota besar meninggalkan anak-anak diasuh pembantu rumah sewaktu bekerja. Anak ...
  • PARTNER / Link Exchange
    Zobat yang mau tukar menukar LINK / BANER ama blog saya bisa di pasang sekarang ,, CODE LINK : Nama : DUNIA ONLINE url      : http://du...
  • 10 Bagian Tubuh Yang Mudah Dirangsang
    10 Bagian Tubuh Yang Mudah Dirangsang - Payudara, bokong, dan vagina adalah bagian tubuh wanita yang paling sering dieksplorasi ole...
  • Cara Membuat Widget LintasMe Dibawah Atau Diatas Postingan
    1.Langkah pertama sobat harus Login ke Account LintasMe 2.Setelah itu scroll pada bagian kiri bawah dan klik LINTASME WIDGET .u...

Kategori

  • Bisnis Online (1)
  • Cara Bikin robot (1)
  • Cerita dan renungan (2)
  • Defacer (2)
  • hacker (3)
  • Informasi Umum (76)
  • Internet (18)
  • JKT 48 (4)
  • kata kata lucu (1)
  • kata kata renungan (1)
  • Kecantikan (2)
  • Kesehatan (15)
  • Komik (1)
  • Lirik Lagu (1)
  • Master Hack (2)
  • Pemimpin (1)
  • Pendidikan (1)
  • Puasa Romadhon (2)
  • sahabat (1)
  • Software (3)
  • Template (2)
  • Template Seo (4)
  • Tips And Trik (3)
  • Tips Blog (47)
  • tips internet (4)
  • Tips Seo (16)
  • Tutor Champ (1)
  • Tutorial Blog (53)
  • video (1)

Followers

Adv

'

Iklan

WPBisnisOnline

Artikel Terbaru

Rahasia Sukses Bisnis Online
Artikel Blageziner
  • Mbah SERP
  • Yayan Fansub
  • Artikel Rekomendasi

    Postingan Populer

    • Template Blog Hack4rt
      Demo  |  Download Fitur Template Hack4rt Tampilan Cerah (Light) Responsive Template by Mas-Sugeng Bottom-Bar Post 2 Kolum dan Goog...
    • Template Framework seo elite blogger
      nah kali ini saya akan bagi-bagi info tentang Template blogger,,mumpung lagi gak ada kerjaan ya mending update aja lah ,, iya kan ..?? ...
    • Karakter Film Pirates of the Caribbean 4 dan Gambar Pemain Baru
      Film Pirates of the Caribbean 4 masih dalam proses pembuatan. Berikut ini ada beberapa foto yang di ambil dalam proses pembuatan film in ...
    • Cara Membuat Link Open New Tab Di Blog
      Cara Membuat Link Open New Tab Saat Di Klik -  Hari ini saya ingin berbagi trick sederhana namun sangat bermanfaat trick ini adalah cara m...
    • Foto Mesra Ciuman Gading Marten Dan Gisel Beredar Di Dunia Maya!
      - Beberapa waktu lalu, foto-foto Mesra Ciuman Gading dan Gisel Beredar didunia maya. Seperti diketahui sebelumnya, Gisel dan Gading me...
    • Baterai HP meledak, bocah berusia 8 tahun tewas
      Baterai HP meledak, bocah berusia 8 tahun tewas - Seorang bocah berusia delapan tahun di Tabanan Bali, Putu Fernanda, tewas setelah terk...
    • Kisah Mengharukan Anak Yang Mencoret Mobil Ayahnya
      DLN = Sepasang suami isteri – seperti pasangan lain di kota-kota besar meninggalkan anak-anak diasuh pembantu rumah sewaktu bekerja. Anak ...
    • PARTNER / Link Exchange
      Zobat yang mau tukar menukar LINK / BANER ama blog saya bisa di pasang sekarang ,, CODE LINK : Nama : DUNIA ONLINE url      : http://du...
    • 10 Bagian Tubuh Yang Mudah Dirangsang
      10 Bagian Tubuh Yang Mudah Dirangsang - Payudara, bokong, dan vagina adalah bagian tubuh wanita yang paling sering dieksplorasi ole...
    • Cara Membuat Widget LintasMe Dibawah Atau Diatas Postingan
      1.Langkah pertama sobat harus Login ke Account LintasMe 2.Setelah itu scroll pada bagian kiri bawah dan klik LINTASME WIDGET .u...
    Copyright © 2012 Dunia Online | Blog Untuk Usaha - All Rights Reserved
    Design by Mas Sugeng - Powered by Blogger