Jumat, 29 Januari 2010

Pasang Ikon Pada Judul Posting Dan Sidebar

Untuk Memasang image,ikon atau gambar di judul postinga dan di judul sidebar template anda, caranya cukup mudah anda tinggal menambahkan image yang telah anda simpan di tempat upload gambar pada bagian .post h3 { untuk Judul posting, dan h2 { untuk judul di sidebar. dan mengatur jarak antara padding dan margin saja. untuk lebih jelasnya silahkan ikuti caranya di bawah ini.

Menambah image sebelah kiri judul Posting :

Cari kode seperti dibawah ini:

.post h3 {
margin:.5em 0;
padding:0px 0px 0px 10px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

Untuk lebih cepat silahkan anda Ganti kode tersebut dengan kode di bawah ini :

.post h3 {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW7nISTTYWolL3jW1158MKA1ndjkQoXAOAGHihosbjv_kqUlmAbUvckFWcRG7K4aTF4zHM0D9C487apcw6Hmj2hd7PqbwAKpQzfiqSbZIjlD_X2HBiEQkWk0vTdEcsgCyJaQ2R544HH8o/') no-repeat;
margin:.5em 0;
padding:0px 0px 05px 30px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;


Silahkan anda Pratinjau terlebih dahulu , jika sudah ok langsung save saja.

  • Menambah image sebelah kiri judul Sidebar :
caranya hampir sama dengan yang di atas, kalo di atas .h3 { sekarang anda cari kode .h2 { sebagai kode judul sidebar dan tambahkan kode seperti di atas, dan hasilnya akan seperti dibawah ini.

.h2 {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW7nISTTYWolL3jW1158MKA1ndjkQoXAOAGHihosbjv_kqUlmAbUvckFWcRG7K4aTF4zHM0D9C487apcw6Hmj2hd7PqbwAKpQzfiqSbZIjlD_X2HBiEQkWk0vTdEcsgCyJaQ2R544HH8o/') no-repeat;
padding:8px 8px 2px 40px;
margin-top:15px;
...........
...........
blablabla

Ganti URL gambar tersebut dengan URL gambar anda. Di atas hanya sebagai contoh gambar saja. Jika sudah klik simpan.
Selamat Mencoba....!!!

0 komentar:

Posting Komentar

◄ New Post Old Post ►