Cara menambahkan background pada judul Gadget/widget

Ini adalah salah satu cara untuk menambahkan  Background Judul Widget/Gatget blog pada blogspot. Penambahan ini diharapkan agar blog tampak prefesional dan lebih menarik dilihat, jika di bandingkan dengan penampilan blog defaultnya.Sebelum melakukannya, saran saya anda terlebih dahulu memiliki akun pada picassa atau penyedia layanan foto shering lainnya. Anda upload gambar yang  anda ingin tampilkan sebagai background gatget/widget. Setelah selesai upload anda, cari letak link gambar yang telah di upload tersebut, kemudian kopi paste link tersebut dan letakkan pada url(alamat gambar)

 URL PICASSA LENGKAP(<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/101782274324916611137/May12012?authuser=0&feat=embedwebsite"><img src="https://lh3.googleusercontent.com/-vkFcpGtKXrA/T59PCtDaSDE/AAAAAAAAAPI/zy6sET8BpZA/s160-c/May12012.jpg" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="https://picasaweb.google.com/101782274324916611137/May12012?authuser=0&feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">May 1, 2012</a></td></tr></table>

Copy paste link yang  saya tandai warna merah saja untuk di jadikan alamat url gambar .

Perhatikan langkah-langkah berikut ini
1. Login/Masuk pada blog
2. Pilih Rancangan kemudian Edit/HTML
3. Cari kode ]]></b:skin> Copy kode dibawah ini dan Paste diatas kode ]]></b:skin>

.sidebar h2 {
background:url(<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://lh3.googleusercontent.com/-vkFcpGtKXrA/T59PCtDaSDE/AAAAAAAAAPI/zy6sET8BpZA/s160-c/May12012.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;
}
4. Ganti Text yang berwarna merah dengan alamat Link Background anda kemudia Save Template Terakhir lihat blog anda. 

5.Lihat hasilnya akan seperti di bawah ini:

  Selamat mempraktekan...

Artikel Terkait