Cara Merubah Warna Widget Sidebar Blog Beda dengan Lainnya

9:32 AM
Cara Merubah Warna Widget Sidebar Blog - Pada kesempatan kali ini saya akan berbagi tentang bagaimana sih cara merubah ataupun memodifikasi widget sidebar blog, khususnya warnanya agar berbeda dengan widget lainnya, seperti yang ada di blog ini ada salah satu widget yang berbeda warnanya yaitu widget "Tentang". Nah langsung saja simak tutorial berikut:

Cara Merubah Warna Widget Sidebar Blog


Cara Merubah Warna Widget Sidebar Blog:

1. Buka Blogger
2. Pilih Template > Edit HTML
3. Setelah itu tentukan widget mana yang akan kamu modifikasi warnanya, misalnya widget popular post maka cara ID Widget nya biasanya seperti ini HTML1, HTML2, HTML3, dst.
4. Seperti yang ada di blog ini semisal widget "Tentang" maka ID nya "HTML2"
5. Cari kode ini di Edit HTML ]]></b:skin> kemudian letakkan kode di bawah ini tepat di atas kode tersebut.
6. Kodenya :

#HTML2 {
Background : #ffffff ;}

#HTML2 h2{
Background : #ffffff ; }

#HTML2 .widget-content {
Background : #ffffff ; }

7. Keterangan:
  • Kode warna merah adalah kotak widget
  • Kode warna orange adalah judul widget
  • Kode warna biru adalah isi widget
  • Kode warna hitam adalah warnanya
8. Jika anda ingin merubah warna tulisannya maka tambahkan kode color di bawah background seperti di bawah ini:

#HTML2 h2{
Background : #ffffff ; 
Color : #000000 ; }

#HTML2 .widget-content {
Background : #ffffff 
Color : #000000 ; }

9. Lakukan hal yang sama dengan widget lainnya yang anda mau rubah
10. Klik simpan dan lihat hasilnya.

Widget akan berbeda dengan widget lainnya. sekarang coba kamu modifikasi sesuai dengan keinginanmu. jangan sungkan untuk bertanya di kolom komentar, terima kasih telah berkunjung di blog ashariskandar.

Baca Juga: Cara Membuat Widget About Me Keren Dan Elegan Di Blog

Anda sedang membaca artikel "Cara Merubah Warna Widget Sidebar Blog Beda dengan Lainnya"
Previous
Next Post »
Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Berkomentarlah dengan bijak dan positif, komentar yang masuk dalam kategori spam akan dihapus dan juga komentar yang menyertakan link aktif akan dihapus pula. Terima Kasih