Sobat Aura selamat sore bagaimana kabar sobat,
sehat-sehat kan? ya, hari ini Aura kembali lagi pastinya memberi
pengetahuan yang pastinya menarik untuk sobat ketahui, sobat pernah
melihat di blog sahabat/teman memiliki widget yang judul-nya ada
background seperti gambar di atas? ya, memang sekarang ini kebanyakan
blog-blog sedang memasang background judul widget seperti gambar di
atas, menjadikan setiap widget jadi lebih bervariasi dan menarik. nah,
sobat sesuai dengan topik pembicaraan kita di atas tadi sekarang Aura
mau nge-share tentang Cara Membuat Background Pada judul Widget. pastinya sobat Aura ingin tahu-kan, langsung aja ini dia langkah-langkahnya.
1. Login Ke Blogger.
2. Masuk Ke Dashboard.
3. Pilih Template.
4. Download Full template terlebih dahulu untuk mencegah adanya kesalahan dalam meng-edit HTML.
5. PIlih "Edit HTML" (Centang Expand template Widget).
6. Lalu sobat cari kode ]]></b:skin>, dan letakkan kode di bawah ini persis di atas ]]></b:skin> (lebih mudah mencarinya dengan ctrl+f4).
.sidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOpi8QftOo6NtUI6CnPyKVTtqdvwpQ8_7P1nj30k1Nu_yCcLIXmqlLF6GlDIDKJAKPhwHU5fiNYDg9TIUdhmCzuigZjmuzgErqPdvH9T_9trqX7dCZFYJrLmsWjzwcKd3TfYzEmDzt-2M/s144/buton.jpg)repeat-x;
color: #071019;
font-size: 12px;
font-family: Arial;
font-weight: strong;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOpi8QftOo6NtUI6CnPyKVTtqdvwpQ8_7P1nj30k1Nu_yCcLIXmqlLF6GlDIDKJAKPhwHU5fiNYDg9TIUdhmCzuigZjmuzgErqPdvH9T_9trqX7dCZFYJrLmsWjzwcKd3TfYzEmDzt-2M/s144/buton.jpg)repeat-x;
color: #071019;
font-size: 12px;
font-family: Arial;
font-weight: strong;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}
Catatan : ganti kode yang berwarna Biru dengan URL gambar, yang sobat ingin jadikan sebagai background judul widget.
7. Klik "Save" dan selesai.
Selamat mencoba, bila ada pertanyaan comment di bawah.
0 komentar:
Posting Komentar