Cara Mengganti Warna Background Judul Sidebar Blog
Ikuti langkah-langkah dibawah ini.
- Login ke dasbor Blogger.
- Pilih pengaturan template dan klik edit html.
- Klik cadangkan/pulihkan dan unduh template blog, untuk jaga-jaga. klo terjadi eror kamu bisa mengembalikannya lagi kesemula.
- Selanjutnya Klik Edit Html dan Cari kode h2 { . Lengkapnya seperti dibawah ini.
- Tambahkan kode background:#2288BB; padding:4px 15px 3px;text-transform:none;
- Jadi kode lengkapnya seperti ini.
- Ganti kode #2288BB; dengan kode warna yang kamu inginkan.
- Setelah itu coba di Preview / pratinjau template kamu. Jika sudah berubah warna background judul sidebar kamu. Baru di Save.
- Jika Belum, Coba dilihat lagi kode warnanya, background:#2288BB; Pastikan Kode ini " ; " ada dibelakang kode warna(tanpa tanda ""), jika kode itu hilang maka warna tidak akan berubah. Selesai.
/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);background:#2288BB;
padding:4px 15px 3px;text-transform:none;
}
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);background:#2288BB;
padding:4px 15px 3px;text-transform:none;
}
Jika sidebar kamu ingin diberi lengkungan di setiap sudutnya. Kalian bisa tambahkan kode border-radius: 11px 0px 11px 0px; keterangan kode: border-radius: atas kiri-atas kanan-bawah kiri-bawah kanan. Untuk lebih jelasnya kalian bisa edit di sini http://www.cssportal.com/css3-rounded-corner/.
Cara diatas akan merubah warna judul sidebar widget di bagian kiri-kanan blog, dan juga footer widget dibagian bawah. Jika ingin membuat warna background judul yang berbeda antara sidebar dan footer. Gunakan cara dibawah ini.
Cara diatas akan merubah warna judul sidebar widget di bagian kiri-kanan blog, dan juga footer widget dibagian bawah. Jika ingin membuat warna background judul yang berbeda antara sidebar dan footer. Gunakan cara dibawah ini.
Hanya sidebar widget bagian kiri-kanan blog
- Cari kode .sidebar .widget h2 { dan tambahkan kode background:#2288BB; padding:4px 2px 2px; dibawahnya. Save Template selesai.
- Atau gunakan cara dibawah ini. Cari kode ]]></b:skin> dan tambahkan kode berikut di atas kode ]]></b:skin>
.sidebar .widget h2 {
background:#2288BB; padding:4px 2px 2px;
}
background:#2288BB; padding:4px 2px 2px;
}
Hanya Footer widget bagian bawah blog.
- Cari kode .footer-inner .widget h2 { dan tambahkan kode background:#2288BB; padding:4px 2px 2px; dibawahnya. Save Template selesai.
- Atau gunakan cara dibawah ini. Cari kode ]]></b:skin> dan tambahkan kode berikut di atas kode ]]></b:skin>
.footer-inner .widget h2 {
background:#2288BB; padding:4px 2px 2px;
}
background:#2288BB; padding:4px 2px 2px;
}
Baca juga Trick and Tips Blog Lainya di bawah ini :
Cara membuat blog Download MP3 di Blogspot
Cara Mudah Membuat Sitemap di Blogger
Cara memasang atau memasukan widget lagu ke blog
Cara Menambahkan Elemen Halaman Atau Kolom Full Widgets Pada Sidebar
Cara Membuat & Memasang Kotak Berlangganan Responsive
Cara Memasang Widget Media Sosial di Sidebar Blog
Cara Menampilkan Widget Recent Posts
Promosi Facebook Page dengan Conversion Box
Related Post dengan Gambar Thumbnail untuk Blogger
Featured Post with Thumbnail Image for Blogger
Cara Membuat Sidebar Multi Tab di Sidebar Blog
Cara Membuat Navigasi Halaman Blog Pake Angka/Nomor
Widget Recent Posts Blogger Berdasarkan Label Atau Kategori
Widget Popular Posts Dengan Grid Layout Style
Cara Membuat Automatic Featured Posts Slider Dengan JQuery
Menyusun Gambar Sejajar Pada Postingan
Cara Membuat Kotak Pencarian (Search Box) Di Blog Keren Terbaru
Cara Membuat Iklan Melayang Di Bawah Blog Dengan Tombol Close
Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru
Cara Membuat Popular Post Warna Warni Di Blog Terbaru
Cara Mengatur Jumlah Postingan Di Halaman Utama Blog
Cara Membuat link di HTML (tag)
Cara Membuat Garis Batas Horizontal di Blogger
Membuat Tab View Menu Tanpa Edit HTML di Blogspot
Cara memasang video Youtube di blog
Cara Membuat Tulisan/Link Agar Bisa di Klik
Membuat Popular Post Hanya Tumbnail
Membuat Slide Show Gambar di Halaman Posting Blogger
Cara Membagi Postingan Menjadi 2 Halaman di Blogspot
CARA POSTING DALAM HALAMAN BERBEDA DI BLOGGER
Cara Mengganti Warna Background Judul Sidebar Blog
Cara Membuat Label atau Kategori di Blog
Cara Membuat Isi Halaman Blog Berdasarkan Label
Cara Membuat Menu dan Submenu Navigasi pada Template Bawaan Blog
Cara Memasang Widget di Blog
Cara menambahkan daftar bacaan blog
CARA MELAKUKAN REDIRECT 301 (PENGALIHAN URL)
Cara Memasang Breadcrumb blog
Cara Menggunakan Menu Impor Blog di Blogger
Cara Mengalihkan Alamat Blog Lama Ke Blog Baru
Cara Membuat Kotak Komentar Facebook di Blog
Cara Membuat Menu Spoiler Pada Postingan Blogger
Cara Membuat Widget Recents Post / Artikel - Bergerak
Cara Mengganti Domain Blogspot menjadi .Com - (Custome Domain)
Cara Membuat Link / Tautan Antar Halaman
Cara Memasukkan Postingan di Menu dan Sub Menu
Cara Membuat Widget Recent Post Dengan Gambar
Cara Menambahkan Gambar Di Postingan Blog
Selamat Mencoba
No comments:
Post a Comment