CARA MENGUBAH SIDEBAR BACKGROUND WARNA DI BLOGGER ALA TOPSEO

Secara default, Blogger tidak menawarkan pilihan untuk menambahkan warna latar belakang di sidebar [atau beberapa sidebars]. Jadi, di sini adalah tutorial sederhana untuk mengubah warna latar belakang sidebar di new Template Blogger Designer template. Setelah tutorial ini, Anda dapat dengan mudah mengubah warna latar belakang sidebar dari Template Designer.

Update: Saya telah memperbarui tutorial ini. Sekarang Anda dapat mengubah warna latar belakang sidebar dalam semua standar Blogger template. Template dengan beberapa sidebars juga dapat memiliki warna yang berbeda untuk masing-masing sidebar.

Mari Lakukan Beberapa Coding Pertama!

Buka bagian Template.

Klik tombol Edit HTML.

Pada halaman berikutnya, Anda akan melihat banyak kode. Hanya memperluas <b: skin> ... </ b: skin> tag dengan mengklik tanda panah di sisi kiri. Lihat gambar untuk bantuan berikutnya.

Cari kode berikut:

  / * Variabel definisi
 ====================

REPLACE kode di atas dengan berikut satu:
/ * Variabel definisi ==================== <Grup description = "Sidebar Background kanan" selector = "body"> <Variable name = "sidebar.right.top.color" description = "Hak Atas Sidebar Background" type = "warna" default = "# 00F" value = "# 0000ff" /> <Variable name = "sidebar.right.left.color" description = "Kanan Kiri Sidebar Background" type = "warna" default = "# ff0" value = "# ffff00" /> <Variable name = "sidebar.right.right.color" description = "Hak Sidebar kanan Background" type = "warna" default = "# f0f" value = "# FF00FF" /> </ Grup> <Description Grup = "Left Sidebar Background" selector = "body"> <Variable name = "sidebar.left.top.color" description = "Left Top Sidebar Background" type = "warna" default = "# 00F" value = "# 0000ff" /> <Variable name = "sidebar.left.left.color" description = "Waktu Waktu Sidebar Background" type = "warna" default = "# ff0" value = "# ffff00" /> <Variable name = "sidebar.left.right.color" description = "Kiri Kanan Sidebar Background" type = "warna" default = "# f0f" value = "# FF00FF" /> </ Grup> <Description Grup = "Sidebar Kolom Background" selector = "body"> <Variable name = "sidebar.bgr.color" description = "Hak Sidebar BG Color" type = "warna" default = "# f00" value = "# ff0000" /> <Variable name = "sidebar.bgl.color" description = "Left Sidebar BG Color" type = "warna" default = "# f00" value = "# ff0000" /> </ Grup>
Setelah itu, cari]]> </ b: skin> dan REPLACE dengan kode berikut:
# Sidebar-kanan 1 {background: $ (sidebar.right.top.color); } # Sidebar-kanan 2-1 {background: $ (sidebar.right.left.color); } # Sidebar-kanan 2-2 {background: $ (sidebar.right.right.color); } .column-kanan-batin, kolom kanan-luar {background: $ (sidebar.bgr.color); } .column-kiri-batin, kolom-kiri-luar {background: $ (sidebar.bgl.color); } # Sidebar-kiri 1 {background: $ (sidebar.left.top.color); } # Sidebar-kiri-2-1 {background: $ (sidebar.left.left.color); } # Sidebar-kiri-2-2 {background: $ (sidebar.left.right.color); } ]]> </ B: skin>
Klik Simpan Template dan kemudian tombol Back.

Coding Selesai! Waktu untuk Menambahkan Beberapa Warna di Sidebar :)

Kami telah selesai barang coding, sekarang cukup klik tombol Customize untuk membuka Blogger Template Designer.

Kemudian klik tab Advanced. Anda akan melihat 3 pilihan baru di sana. Pertama adalah Sidebar Background kanan. Ini memiliki 3 pilihan lebih lanjut.

Kanan Atas Sidebar Background: Ini akan mengubah warna latar belakang dari bagian atas di kolom kanan.

Kanan Kiri Sidebar Background: Ini akan mengubah warna latar belakang sidebar kiri di kolom kanan.

Kanan Kanan Sidebar Background: Ini akan mengubah warna latar belakang dari sidebar kanan di kolom kanan.

Opsi berikutnya adalah Left Sidebar Background. Ia juga memiliki 3 pilihan lebih lanjut.

Left Top Sidebar Background: Ini akan mengubah warna latar belakang dari bagian atas di kolom kiri.
Waktu Waktu Sidebar Background: Ini akan mengubah warna latar belakang sidebar kiri di kolom kiri.
Kiri Kanan Sidebar Background: Ini akan mengubah warna latar belakang dari sidebar kanan di kolom kiri.

Opsi terakhir akan Sidebar Kolom Background. Ini adalah salah satu yang paling menarik karena mempengaruhi seluruh kolom daripada bagian sidebar tunggal. Ini memiliki 2 pilihan lebih lanjut.

Tepat Sidebar BG Warna: Warna dalam pilihan ini akan mengubah latar belakang seluruh kolom di sisi kanan.
Left Sidebar BG Warna: Opsi ini akan mengubah latar belakang kolom sebelah kiri.

Saya harap tutorial ini akan sangat membantu anda. Mohon link kembali ke blog ini. Anda dapat menggunakan kode link yang tersedia di bagian bawah halaman ini. Kode ini dapat digunakan di sidebar atau footer.

Apa yang harus dilakukan jika Tutorial tidak bekerja untuk Blog Anda?

Saya menulis tutorial dengan menguji semua Blogger template default seperti Simple, Ethereal & Watermark. Tutorial tersebut mungkin tidak bekerja pada kebiasaan atau template yang sangat disesuaikan karena kode yang tidak kompatibel. Dalam kasus tersebut, Anda dapat mempekerjakan saya. email ke rifan_asri@yahoo.com atau YM : RIfan_asri

Sumber: http://www.betatemplates.com/2011/04/change-sidebar-background-color-in.html