Cara Merubah Penampilan Blog dan Kode Warna - Sharing Ilmu Pengetahuan | Ianhacks
Headlines News :
Home » , » Cara Merubah Penampilan Blog dan Kode Warna

Cara Merubah Penampilan Blog dan Kode Warna

Written By Rian on 2.11.2012 | Saturday, February 11, 2012

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.

Ada beberpa template yang menggunakan kode warna css hanya dengan tiga digit bukan enam digit, nah terus bagaimana solusinya? Dibawah ini saya tuliskan beberapa kode warna html yang biasa dipakai oleh kebanyakan orang.
KODE PILIHAN KE 1.

Bila anda kesulitan menggunakan fitur ke dua ini, ikuti langkah2 berikut ini:
  1. Ada 4 elemen pada tools ini yaitu baris pertama Kotak kecil yaitu kode warna yg dipilih. Baris kedua ada kotak 1 berbentuk kotak bujur sangkar besar (kiri) yaitu detail warna, kotak 2 berbentuk batang persegi panjang (tengah)yaitu kelompok warna, dan kotak 3 berbentuk bujur sangkar kecil (kanan) yaitu tampilan/previuw warna yg dipilih.
  2. Klik pada batang sebelah tengah (kotak 2) untuk memilih kelompok warna, misalnya merah,biru,hijau,dll.
  3. Klik pada kotak 1 (kiri) untuk memilih warna secara lebih detail.
  4. Copy kode warna yg ada pd kotak kecil diatasnya (baris pertama).
  5. Pastekan pada tempat yg diinginkan.
  6. Selesai.

x_3bfae512
Share this article :

5 comments:

  1. cara mengganti baground header gmana ya pak??
    thanks

    ReplyDelete
  2. Sebenarnya ada 2 cara...tapi saya kasih cara kedua aja ya?

    1.Login ke Blogger dengan ID kamu.

    2.Klik Tata Letak Kemudian klik Edit HTML lalu cari kode sperti di bawah ini .untuk memudahkan pencarian klik tombol CTRL+F.

    #header-wrapper {
    padding-bottom: 3px;
    background: url(#) no-repeat $startSide bottom;
    }

    3.Ganti tanda pagar(#) yang berwarna biru dengan URL gambar yang kamu temukan di internet atau gambar yang kamu taro di tempat penyimpanan gambar
    4.Kalo udah selesai silakan klik save template

    ReplyDelete
  3. Saya balik Lagi pak,ThankS Sudah d ganti??
    Tanya Lagi gPP ya pak??kaLau Untuk meNgganti warna TuLiSan yang ada aLamat LiNkNya deNgan warna yaNg kita mau maNa pak??
    misal kalau di blog bpk tulisan2 yang berwarna biru..
    thanks

    ReplyDelete
  4. coba kamu klik link ini http://ianhacks.blogspot.com/2012/05/tips-mengubah-warna-link.html

    ReplyDelete

 
Support : Proudly powered by Blogger
Copyright © 2011. Sharing Ilmu Pengetahuan | Ianhacks - All Rights Reserved
Original Design by Creating Website Modified by IanBlack