1.cMengganti Warna Background Blog
Mengganti background template bawaan dari google mungkin tidak menjadi suatu masalah yang merepotkan, akan tetapi kebanyakan para blogger sudah menggunakan template blog dari pihak ke-3 (pihak ketiga) yang dianggap lebih seo. Dan tentunya kita juga dihadapkan harus dapat meng-edit kode HTML yang ada jika ingin mengganti latar belakang template tersebut.
Sebagai blogger pemula saya ingin berbagi cara mengganti background blog dengan latar belakang yang baru, yaitu kategori background warna.
Cara mengganti background blog dengan warna
Biasanya CSS body akan terlihat seperti model di bawah ini :
body {background : #FF0000;
----
----
cara mengganti warnanya adalah :
1. Login dahulu ke blog anda
2. Pilih Template pada menu blogger anda
3. Pilih Edit HTML
4. Cari kode yang mirip dengan kode di atas (cari dengan menggunakan Ctrl + F) seperti : body{background:#610B0B center top no-repeat;font-family: Arial, Helvetica, Sans-serif;font-size: 12px;margin:0px;padding:0px;}
5. Setelah ketemu ganti kode di samping # (warna merah) dengan kode warna html yang telah anda tentukan
6. Klik pratinjau dahulu , lihat tampilan sementara apakah sudah sesuai dengan keinginan anda, jika ya silahkan anda save template, jika belum klik edit template dan silahkan diganti lagi kode di samping # tadi, hingga warna backgroundnya sudah sesuai dengan keinginan anda.
Nilai dari #000000 dapat berbentuk seperti #6495ed atau #cccccc yang kita sebut kode hex(hexa) silahkan pilih mau menggunakan kode warna yang sesuai dengan keinginan, anda juga bisa melihat kode warna html untuk memilih kode warna yang anda inginkan (Silakan lihat daftar warna di bawah). Jadi prinsipnya ganti saja kode warna CSS BODY pada attribut background tersebut.
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.
Jika Anda ingin merubah warna dengan kode #000000 maka hasilnya akan seperti ini :
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 {
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.
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.
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.
Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.
Merubah Aneka Background di Blog
1. Merubah Background Header BlogLetaknya 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.
0 komentar:
Posting Komentar