Cara Memberi Warna Background Judul Widget Blog


Secara default, Blogger tidak memberi fasilitas untuk memberi warna lain selain putih untuk latar judul widget.

Jika Anda ingin memberi warna pada backgroung judul widget sehingga menjadi terlihat lebih menarik dan blog Anda terlihat cantik, maka inilah yang perlu Anda lakukan:

  1. Anda login ke Blogger.
  2. Kemudian di Dashboard, Anda klik Template
  3. Klik Edit HTML
  4. Anda cari kode ]]></b:skin> jika kesulitan mencarinya, coba Anda tekan Ctrl + F pada keyboard kemudian tuliskan kode di atas pada kotak pencarian yang muncul.
  5. Jika kode ]]></b:skin> sudah diketemukan, copy paste kode di bawah ini di atas kode tersebut:
.sidebar h2 {
background:#009900;
color: #ffffff;
margin: 0px 0px 8px 0px;
box-shadow: 0 0 0 4px #009900, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
border-radius: 3px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
text-align:center;

Keterangan: yang berwarna biru pada kode HTML di atas bisa Anda ubah sesuai selera. Background yang saya gunakan adalah warna hijau (#009900). Kemudian perataan teks judul widget adalah: center atau di tengah-tengah. Ini bisa Anda ganti dengan warna lain dan perataan teks di kiri atau kanan.

Jika sudah, silakan klik save atau simpan perubahan. Silakan lihat hasilnya. Jika berhasil, harusnya tampak seperti ini:
cara menambahkan warna background judul widget

Jika Anda ingin sudut kotak latar judl widget ini lancip tidak melengkung, coba buang bagian:
border-radius: 3px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
pada kode di atas. 
Juga bila menginginkan kotak tersebut tanpa shadow/bayangan, buang bagian:
box-shadow: 0 0 0 4px #009900, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);

Oke silakan dicoba dan semoga berhasil.


Komentar

  1. warna baground judul gadget bagus mas, saya coba terapkan ke blog saya gak warnanya muncul mas ? maaf saya pra pemula

    BalasHapus
  2. keren mas//.......berfungsi tutorialnya ..terimakasih....
    kunbal ya..http://masrud.blogspot.com/

    BalasHapus
  3. keren mas....... tapi obengya ga bisa hilang, gimana ya...

    BalasHapus
    Balasan
    1. kalau tidak salah obeng itu untuk pengaturan. jadi kalau email anda terdaftar saat membuka blog anda, itu otomatis muncul. kurang lebih seoerti itu. maaf bila salah, saya masih pemula

      Hapus
  4. thanks , sukses tutorialnya ^_^

    kunbal http://bursanime.blogspot.com/

    BalasHapus
  5. mantab nich gann,, udah bisa ganti warnanya di blog saya..

    BalasHapus
  6. klu Socializer Widget By Blogger Yard cara pasang dann kodeng bgmana kang ?

    BalasHapus
  7. Maksih gan atas infonya, visit yahh http://anakmakassarblog.blogspot.com/

    BalasHapus
  8. Wah mantab bro tutorialnya,,,ane coba langsung jreng...trims infonya bri..
    Mohon kunjungan juga para juragan,,

    http://mmm-php-s3.blogspot.com/

    BalasHapus
  9. makasih infonya gan, sangat bermanfaat.

    BalasHapus
  10. terima kasih infonya min. mantap

    BalasHapus
  11. terima kasih dah di coba omm mampir aja di newbie www.noteblogeko.blogspot.com aga beda dikit

    BalasHapus
  12. Kunjungi Blog TiffanyChai ^_^
    Banyak Berita Unik Dan Aneh ^_^
    Terima Kasih

    http://siscawijayaa.blogspot.com/2015/05/agen-poker-dua-karyawan-asuransi-ini.html
    http://tiffanychai05.blogspot.com/2015/05/agen-poker-sepasang-kekasih-ini.html

    BalasHapus
  13. kok ngak bisa ya di coba di blog saya

    BalasHapus
  14. work! thanks tutorialnya gan :)

    BalasHapus
  15. trimakasih gan langsung sukses tutorialnya
    dan pas lagi warnanya g perlu di ganti lagi,,,,,
    mampir gan walau blognya acak-acakan
    https://bambo-z.blogspot.com/

    BalasHapus
  16. Pengakuan tulus dari saya sendiri IBU SUSIYANA.saya mau mengucapkan terima kasih yang tidak terhingga,
    serta penghargaan dan rasa kagum yang setinggi-tingginya kepada KI JONGGOL,saya kerja sebagai PEMBATU HONGKONG selama 7 tahun di HONGKONG ,
    dengan gaji lebih kurang 2.jt /bln,tidak cukup untuk memenuhi kebutuhan sehari-hari,apalagi setiap bulan harus mengirim uang dikeluarga di jawa barat, sudah lama saya mengetahui roomnya ini,
    juga sudah lama mendengar nama besar AKI, tapi saya termasuk orang yang tidak terlalu percaya dengan hal seperti itu, jadi saya pikir ini pasti kerjaan orang iseng tetapi kemarin waktu pengeluaran, saya coba2 pasang angka 6D benar2 tidak percaya dan hampir pingsang,
    angka yang di berikan KI JONGGOL ternyata tembus, awalnya saya coba2 menelpon, saya bilang saya terlantar di HONGKONG, tidak ada ongkos pulang,terus beliau mebantu kasih angka 6D, lansung saya disuruh mendaptar jadi member mulanya saya tidak percaya, mungkin angka ini keluar,
    tapi dengan penuh pengharapan saya pasangin kali 100 lembar, sisa gaji bulan ternyata tembus….!!!sekali lagi terima kasih banyak KI JONGGOL, saya sudah kapok kerja jadi pembantu,rencana minggu depan mau pulang aja ke jawa barat,,buat AKI,saya tidak akan lupa bantuan dan budi baik AKI.
    yng ingin minta angka goib silakan hubungi KI JONGGOL Di Nomr ini 0852-1654-8879 terima kasih....????>>>ATAU KLIK DISINI

    BalasHapus
  17. keren Mas Sangat Baik https://ariffauzipati.blogspot.co.id/

    BalasHapus
  18. terimakasih..sangat membantu bro,,

    BalasHapus
  19. terima kasih atas info yang anda berikan.. sangat bermanfaat :)

    BalasHapus
  20. Terima kasih gan,kalau mau ubah bentuk shape judul widgetnya biar ga kotak gimana ya

    BalasHapus
  21. Terima kasih atas artiklnya sagat membantu

    BalasHapus
  22. Thank you for giving us the knowledge of what you have described. do not forget to visit our website :

    Informasi Judi Togel Terpercaya
    Dewapoker
    Judi Poker Online
    PokerQQ
    Cara Membuka Internet Positif
    Bioskop Online

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Apakah Itu Card Reader?

Apa Itu Flash Memory?