Home » » Membuat Background Judul Widget

Membuat Background Judul Widget

Pada posting sebelumnya saya sudah membahas cara membuat Background Body Blog dan cara membuat teks Widget Rata Tengah. Kali ini Khocet Blog akan berbagi lagi cara membuat Background judul widget agar blog terlihat makin menarik, baik menggunakan background warna maupun background gambar. Pada Khocet Blog sendiri menggunakan gambar sebagai background widget, baik pada sidebar maupun pada footer.
Cara membuatnya tidak jauh beda dengan dengan membuat background body atau membuat Header Blog. 
  • Pastinya anda sudah login ke blog anda
  • Pilih Design (rancangan) > Edit HTML 
  • Sebelum anda mengedit HTML, alangkah baiknya anda mendownload dulu HTML anda jika nantinya anda ingin mengembalikan se tampilan semula.
  • Centang kotek kecil pada Expand Widget templates
  • Jika anda akan membuat background judul widget pada sidebar, temukan kode berikut dengan menekan CTRL+F atau tombok F3.
Cara Membuat Background Judul Widget Blog
.sidebar h2{color:#FFF;background:
  • Kemudian tambahkan background yang akan anda gunakan hingga kodenya seperti berikut :
.sidebar h2{color:#FFF;background:# kode warna url(alamat gambar yang akan anda gunakan/namagambar.jpg) left top repeat-x;
  • Sedangkan jika anda ingin menambahkan background pada judul widget pada footer, temukan kode seperti berikut :
Cara Membuat Background Judul Widget Blog

#footer-widgets h2{color:#fff;background:
  • Kemudian tambahkan background yang akan anda gunakan hingga kodenya seperti berikut : 
#footer-widgets h2{color:#fff;background:#kode warna anda url(alamat gambar yang akan anda gunakan/nama-gambar.png)
Keterangan :
  • Kode warna yang berwarna merah bisa diganti sendiri sesuai keinginan, seperti #111 untuk warna putih. Begitujuga dengan URL gambar bisa diganti dengan URL gambar sendiri.
  • Format gambar yang bisa anda gunakana bisa JPEG,GIF, dan PNG

Write By : Khocet Dot Com ~ Panduan Gratis Adobe Photoshop,Blog,Puisi,Ragam Tips,Dan Bahan Ajar

Article : Membuat Background Judul Widget Post By : Khocet Dot Com
Terimakasih atas kunjungan serta kesediaan Anda membaca artikel ini. Kritik yang membangun serta pertanyaan dan saran dapat anda tuliskan melalui kotak komentar,semoga bermanfaat
Share this article :

12 comments:

  1. Makasih mas buat tutorialnya,,sangat bermanfaat banget,,
    Tapi saya kesulitan menemukan script yg sidebar itu Mas,,
    ada enggak yang lain dari script yg ini ==>> .sidebar h2{color:#FFF;background:
    Soalnya blog saya enggak ada mas,,,
    kalo sudah di bales tolong komen di buku tamu saya ya Mas,,

    ReplyDelete
    Replies
    1. Sama kaya blog saya, gk ada juga script yg kayak gitu

      Delete
  2. mantaf mas gan,
    terus berkarya..

    ReplyDelete
  3. Mantaaaap Kawan ... :) kapan2 bsa di coba nih.... :)

    ReplyDelete
  4. Bagus teman trik modif nya, Salam

    ReplyDelete
  5. oh gitu caranya ... majasih ya mas ..
    nice blog

    ReplyDelete
  6. Makasih buat tutorialnya sobat, saya mau terapkan ini di blog saya. :)

    ReplyDelete
  7. mantap gan!!!makasi infonya.....

    ReplyDelete
  8. mantap bos tutor nya.numpang iklan ya bos.Software Spektakuler
    Penambah Saldo Rekening Bank Anda.

    Cukup Anda Install di Komputer Anda
    dan Jalankan TRIK RAHASIA nya, dalam waktu
    24 jam, Saldo Rekening Bank Anda Akan Bertambah

    Anda Penasaran dan Ingin Tahu Rahasianya??
    Buruan DOWNLOAD Softwarenya di :

    http://softwarepsr.com/banjiruang

    Terimakasih

    ReplyDelete

 

Design By : Khocet Dot Com
Powered by Blogger