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(‘http://lh6.ggpht.com/_pt7i0nbIOCY/SxDFV6RaXzI/AAAAAAAACaI/NEnqxysvPJo/icontexto-webdev-valentine%5B4%5D.png‘) 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(‘http://lh6.ggpht.com/_pt7i0nbIOCY/SxDFV6RaXzI/AAAAAAAACaI/NEnqxysvPJo/icontexto-webdev-valentine%5B4%5D.png‘) 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….!!!

One thought on “Pasang Ikon Pada Judul Posting Dan Sidebar

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s