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.


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. keren Mas Sangat Baik https://ariffauzipati.blogspot.co.id/

    BalasHapus
  17. terimakasih..sangat membantu bro,,

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

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

    BalasHapus
  20. Terima kasih atas artiklnya sagat membantu

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Cara Mendapatkan Uang Dengan Ziddu

Katakanlah posisi saya sama dengan Anda, yaitu berusaha mendapatkan uang dari internet walau hanya untuk satu atau dua dolar. Dan saya rasa mendapatkan uang secara online itu tidak mudah. Sungguh tidak mudah. Cara itu ini sudah dilakukan yang kebanyakan berakhir dengan kekecewaan. Tapi syukurlah, rasa penasaran masih tetap menyala yang mendorong untuk terus berusaha. Dan mari bersepakat untuk tidak menyerah. Mungkin suatu hari nanti sampai juga kita di tempat yang dituju, yaitu sampainya uang ditangan sebagai hasil jerih payah dalam 'make money online'. Untuk alasan itulah postingan ini saya tulis. Sebenarnya ini bukan mengatakan sebuah cerita sukses. Ini lebih merupakan ajakan terutama bagi yang belum bergabung. Anda pasti tak asing dengan Ziddu atau ziddu.com . Ya sebuah situs dimana orang bisa mendownload atau mengupload file. Kebanyakan orang juga sudah tahu bahwa jika kita menyimpan file di ziddu, kemudian orang mendownload file tersebut melalui link yang ki

Inilah 9 Langkah Mengubah Teks Menjadi Video

  Untuk mengubah teks menjadi video, Anda dapat menggunakan berbagai perangkat lunak dan alat yang tersedia. Berikut langkah-langkah umumnya: Pilih Perangkat Lunak atau Alat yang Tepat: Anda dapat menggunakan perangkat lunak seperti Adobe Premiere Pro, Final Cut Pro (untuk pengguna Mac), atau aplikasi online seperti Kapwing, Renderforest, atau Clipchamp. Pilihlah yang sesuai dengan kebutuhan dan tingkat keahlian Anda. Siapkan Teks: Buat atau siapkan teks yang ingin Anda konversi menjadi video. Anda bisa menulisnya dalam format dokumen teks atau menggunakannya dalam format skrip. Buat Proyek Baru: Buka perangkat lunak atau alat yang Anda pilih dan buat proyek baru. Tambahkan Teks: Di dalam perangkat lunak tersebut, biasanya ada fitur untuk menambahkan teks ke dalam proyek Anda. Anda dapat mengetikkan teks yang ingin Anda gunakan atau menyalin teks yang sudah Anda siapkan sebelumnya. Atur Tampilan Teks: Sesuaikan tampilan teks sesuai keinginan Anda. Anda bisa memilih jenis huruf, uk