Tips Blogspot: Cara Termudah Mengganti Warna Background Template

1

Desa Digital - Tips modifikasi template blogspot ini terinspirasi dari kritikan temen yang mengatakan "Blog kok item buteng". Klo diterjemahkan dalam bahasa indonesia kurang lebih blog kok hitam pekat/gelap. Memang semula kami memodif sendiri dari tampilan template sederhana yang diberikan blogger saat mendaftar. Dan template yang kami gunakan yaitu simple template desain by josh peterson kemudian kami modif dengan dominan warna hitam pekat. Alasan pemilihan warna hitam karna biar mudah dan enak dipandang, adem dan gak bikin mata cepat lelah. Berikut tampilan template lama blog Desa Digital | Desanya orang yang haus informasi :D

Tips dan Triks, Tips Mengganti Warna Bacground Blog, Cara Gampang Mengganti Template, Template Blogspot, Tutorial Blogspot, Modif Background Website, Template Modern, Fresh Template, Tampilan Baru Template Desa Digital, Template Baru, Simple Template, Modifikasi Template

Desa Digital, Informasi and Sharing Center, Modifikasi Template, Tampilan Template Lama Blog Desa Digital, Simple Template, Merubah tampilan Template, Mengganti Warna background template blog, tips dan triks blogspot, Tutorial blogspot

Karena masukan temen tadi kemudian terlintas. hhhhmmm...gimana ya cara memodif background biar tampil lebih fresh? Setelah diamati code-code script dalam template simple desain ini, ada 4 komponen utama yang sebenarnya bisa kita ganti-ganti.

1. Bagian Header
Pada bagian ini saya memodif <div class='tabs-outer'> silakan Anda cari kode yang di kasih warna merah pada template Anda dengan cara login ke Dasboard blog Anda. Masuk ke pengaturan Template kemudian Edit HTML centang Expand template widget. Untuk memudahkan pencarian bisa dengan memanfaatkan fitur Ctrl+F. Setelah ketemu tambahkan kode style='background-color:warna yang diinginkan' misalnya dalam contoh blog ini <div class='tabs-outer style='background-color:#1a330b'>
2. Body
<div class='fauxcolumn-outer fauxcolumn-center-outer'> contoh pada blog ini menjadi <div class='fauxcolumn-outer fauxcolumn-center-outer' style='background-color:#000000'>

3. Slidebar kanan dan kiri
<div class='fauxcolumn-outer fauxcolumn-right-outer'> contoh pada blog ini menjadi <div class='fauxcolumn-outer fauxcolumn-right-outer' style='background-color:#1a330b'>
<div class='fauxcolumn-outer fauxcolumn-left-outer'> contoh pada blog ini menjadi <div class='fauxcolumn-outer fauxcolumn-left-outer' style='background-color:#1a330b'>
<div class='column-left-inner'> contoh pada blog ini menjadi <div class='column-left-inner' style='background-color:#1a330b'>
<div class='column-right-inner'> contoh pada blog ini menjadi <div class='column-right-inner' style='background-color:#000000'>
4. Footer
<div class='region-inner footer-inner'> contoh pada blog ini menjadi <div class='region-inner footer-inner' style='background-color:#217803'>

Nah, setelah itu untuk memberikan sedikit efek garis tepi kita dapat melakukan sedikit triks pada pengaturan Template pilih yang Sesuaikan kemudian Tingkat Lanjut.
Coba anda perhatikan pengaturan warna template ini pada gambar dibawah.

Berikut ini adalah tampilan terbaru template Blog Desa Digital | Information and Sharing Center | Tutorial | Desanya Orang Yang Haus Informasi
Nampak Kelihatan lebih segar dengan dominasi warna hijau perpaduan coklat dan tentunya warna asal hitam. Nuansa green lebih kental cenderung mengarah ke tema template konservasi. :D

Demikian Tips Modifikasi Warna Background Template Blog. Gimana?? mudah bukan?? Intinya cuman menyisipkan kode style='background-color:warna yang diinginkan'

NB: sebelum bertindak jangan lupa membackup dulu. yach...."sedia payung sebelum hujan". antisipasi kemungkinan terburuk broo :D
Lakukan dengan teliti, pahami kode-kode yang digunakan pada template blog Anda, karna "lain ladang kadang lain pula ilalang"-nya. :D Ok!
Semoga Bermanfaat.