Menambah Gambar sebelum Judul Posting


Oke, sekarang saya akan membahas tentang bagaimana menambah gambar sebelum judul postingan, oke langsung saja jika anda ingin memasangnya ikuti langkah langkahnya yaitu :

1. Login ke blogger.com

2. Masuk menu Template


3. kemudian masuk menu Edit HTML


4. Cari Code
yang mirip dibawah ini di blog Anda :

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#0000;

5. Tambahkan Code ini di antara code tadi :

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

dan juda code :

height:48px;

biar IE (internet Explore) bisa mengadaptasi jika di Mozilla Firefox tidak masalah tanpa code height, sehingga code tadi menjadi 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;

6. Setelah Anda tambah jangan lupa Atur paddingya agar gambarnya terlihat dengan ukuran yang sempurna... ingat jika di blog anda tidak ada paddingnya tambahkan code ini seperti di atas padding:48px 0px 0px 45px;

7. Ganti code berwarna Hijau diatas dengan URL gambar anda Dan code height harus kamu sesuaikan dengan tinggi background kamu.

8. Setelah Semua selesai Klik Save Template

Related Posts

Menambah Gambar sebelum Judul Posting
4/ 5
Oleh