✔ Cara Mengubah Sidebar Background Warna Di Blogger Ala Topseo
Secara default, Blogger tidak mengatakan pilihan untuk menambahkan warna latar belakang di sidebar [atau beberapa sidebars]. Jadi, di sini yakni tutorial sederhana untuk mengubah warna latar belakang sidebar di new Template Blogger Designer template. Setelah tutorial ini, Anda sanggup dengan gampang mengubah warna latar belakang sidebar dari Template Designer.
Update: Saya telah memperbarui tutorial ini. Sekarang Anda sanggup mengubah warna latar belakang sidebar dalam semua standar Blogger template. Template dengan beberapa sidebars juga sanggup mempunyai warna yang berbeda untuk masing-masing sidebar.
Mari Lakukan Beberapa Coding Pertama!
- Buka bab 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 pemberian berikutnya.
- Cari aba-aba berikut:
/ * Variabel definisi ====================
- REPLACE aba-aba 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 aba-aba 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 lalu tombol Back.
Coding Selesai! Waktu untuk Menambahkan Beberapa Warna di Sidebar :)
Kami telah selesai barang coding, kini cukup klik tombol Customize untuk membuka Blogger Template Designer.
Kemudian klik tab Advanced. Anda akan melihat 3 pilihan gres di sana. Pertama yakni Sidebar Background kanan. Ini mempunyai 3 pilihan lebih lanjut.
Kanan Atas Sidebar Background: Ini akan mengubah warna latar belakang dari bab 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 yakni Left Sidebar Background. Ia juga mempunyai 3 pilihan lebih lanjut.
Left Top Sidebar Background: Ini akan mengubah warna latar belakang dari bab 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 yakni salah satu yang paling menarik alasannya yakni mempengaruhi seluruh kolom daripada bab sidebar tunggal. Ini mempunyai 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 sanggup memakai aba-aba link yang tersedia di bab bawah halaman ini. Kode ini sanggup dipakai di sidebar atau footer.
Apa yang harus dilakukan jikalau Tutorial tidak bekerja untuk Blog Anda?
Saya menulis tutorial dengan menguji semua Blogger template default ibarat Simple, Ethereal & Watermark. Tutorial tersebut mungkin tidak bekerja pada kebiasaan atau template yang sangat diubahsuaikan alasannya yakni aba-aba yang tidak kompatibel. Dalam kasus tersebut, Anda sanggup mempekerjakan saya. email ke rifan_asri@yahoo.com atau YM : RIfan_asri
Sumber: meowwwhoney.blogspot.com/search?q=change-sidebar-background-color-in
Sumber http://lamno-style.blogspot.com
0 Response to "✔ Cara Mengubah Sidebar Background Warna Di Blogger Ala Topseo"
Posting Komentar