Langsung ke konten utama

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.


Label:

Komentar

  1. Unknown12 Oktober 2013 pukul 20.56

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

    BalasHapus
  2. Anonim20 Februari 2014 pukul 14.22

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

    BalasHapus
  3. adesta romi18 April 2014 pukul 21.27

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

    BalasHapus
    Balasan
    1. www.dewimaratussholihah.blogspot.com19 April 2017 pukul 18.56

      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. Anonim18 Mei 2014 pukul 02.52

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

    BalasHapus
  5. inpres samata31 Mei 2014 pukul 21.26

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

    BalasHapus
  6. Unknown8 September 2014 pukul 20.41

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

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

    BalasHapus
  7. Mister Jowy18 Oktober 2014 pukul 09.59

    makasih gan..it worked for me

    BalasHapus
  8. muhammad ridho27 November 2014 pukul 00.04

    makasih infonya gan, sangat bermanfaat.

    BalasHapus
  9. Unknown6 Januari 2015 pukul 15.50

    terima kasih infonya min. mantap

    BalasHapus
  10. aa1 Maret 2015 pukul 14.35

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

    BalasHapus
  11. qwe18 Mei 2015 pukul 05.35

    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
  12. Khazzanah7 Juni 2015 pukul 00.42

    kok ngak bisa ya di coba di blog saya

    BalasHapus
  13. Aw31 Juli 2015 pukul 15.15

    work! thanks tutorialnya gan :)

    BalasHapus
  14. Chahya Fadjar12 Desember 2015 pukul 23.33

    thanks brow infone

    BalasHapus
  15. Unknown17 Desember 2015 pukul 12.02

    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. Bagi Ilmu Blogger25 Juni 2016 pukul 11.20

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

    BalasHapus
  17. Poker Online Terpercaya31 Juli 2016 pukul 04.34

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

    BalasHapus
  18. mizipediacom31 Desember 2016 pukul 09.27

    bagus mas,thks

    BalasHapus
  19. belajar listrik17 April 2017 pukul 20.34

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

    BalasHapus
  20. lijon leo22 Agustus 2017 pukul 05.24

    Terima kasih atas artiklnya sagat membantu

    BalasHapus
  21. Anissa Auliasari14 September 2018 pukul 13.05

    masih berlaku sampai tahun 2018

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Bagaimana Cara Menambah Submenu di Blogspot?

Urusan mempercantik blog agar terlihat menarik memang merupakan salah satu kesibukan para blogger. Ada saja usaha-usaha yang dilakukan agar blog tidak terlihat terlalu sederhana atau miskin 'make up'. Salah satu cara menambah daya tarik blog agar terlihat kaya adalah dengan menambahkan menu dan submenu. Di Blogger sendiri sebenarnya ada fasilitas Pages yang bisa anda tambahkan di Layout dengan cara klik Add a Gadget kemudian pilih Pages sehingga urusan menampilkan menu tak ada masalah. Hanya ketika hendak menambah sub menu timbul kesulitan karena memang tak ada fasilitas untuk itu. Jika anda bermaksud menambahkan sub menu pada menu yang sudah ada, lakukan saja langkah berikut ini: 1. Copy seluruh kode berikut ini: <style> /* -- Menu Horizontal + Sub Menu-- */ #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;} #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;} #cat-nav a:hov...
10 komentar
Baca selengkapnya

bbcprofit.com Adalah Situs Scam!

Saya bergabung dengan bbcprofit.com pada 28 November 2011. Situs ini memberi saya $10 pada saat signup. Uang yang 10$ ini harus didepositkan dimana dari deposit ini kita mendapat 10% per harinya. Dari akumulasi perolehan deposit inilah nanti kita bisa melakukan penarikan (katanya). Tidak seperti justbeenpaid.com yang hanya memberi kita 10$ sekali saja, yaitu ketika signup, situs ini memberi kita $10 setiap hari! Lagi-lagi $10 yang diberikan kepada kita setiap hari tesebut harus didepositkan. Nanti, jika account balance kita (yang kita peroleh dari 10% dari nilai yang kita depositkan) sudah mencapai $1000 maka bbcprofit akan memindahkannya ke account Brokerage. Dari sanalah katanya kita bisa mulai menarik perolehan. Ya seperti yang mereka katakan: Every account will receive a bonus of $10.00 to their account balance every Day. It must be deposited into our plan that will pay you 1% per business day. If you are a free member once your account level reaches $1000.00 we will m...
12 komentar
Baca selengkapnya