Pages

Senin, 14 Maret 2011

Memberi Gambar Sebelum Judul Post

Hai... sobat blogger, buat yang pingin blognya tampil lebih indah dan expresif dengan memberi gambar sebelum judul itu bisa dilakukan dengan cara seperti ini, tapi tunggu dulu q mo tanya apa ada yang sudah negenet lama?? wah... k'lo gitu jangan bosen ya liat" tutorial yang lain di  Lab Komputer


Oke... langsung ja kita masuk ke pokok pembahasan untuk bisa memberi gambar sebelum judul posting temen" 
  • kita harus Log in dulu ke Blooger 

  • kemudian klik Rancangan

  • terus  klik Edit HTML

  • kemudian kamu cari kode di bawah ini :





.post h3 {

margin:.5em 0;

padding:30px 0px 0px 45px;

font-size:120%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333;


Atau kalau kaga ada coba deh cari yang ini:



.post-title {

margin:.5em 0;

padding:30px 0px 0px 45px;

font-size:120%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333;

}


truzz kamu sisipkan kode dibawah ini ke dalamnya:





padding:48px 0px 0px 45px; height:48px;

background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;


kamu bisa ganti kode yang berwarna merah dengan lokasi gambar kamu dan jika jarak gambar dengan judul bertumpuk/ tabrakan kamu bisa edit kode padding, untuk lebih jelasnya seluruh kode akan seperti ini:



.post h3 {

margin:.5em 0;

padding:48px 0px 0px 45px;

font-size:120%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333;

height:48px;

background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;




Terakhir tinggal di Save deh... n' lihat hasilnya











Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------

Tidak ada komentar:

Posting Komentar

 

Sample text

Sample Text

Sample Text