Memasang Gambar Pada Judul Posting

Untuk memperindah tampilan blog, kita dapat menambahkan gambar sebelum judul posting. Contoh

Langkah-langkah untuk menambahkan gambar pada judul posting adalah sebagai berikut:

Pertama pastikan bahwa kita harus masuk ke blogger dengan id kita, kemudian masuk ke menu Layout pilih Edit HTMLCari code CSS yang mirip dengan code punya anda

.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;
}

Tambahkan code berikut sebelum tanda }

background:url(http://pic90.picturetrail.com:80/VOL2182/12207942/21728737/
358415069.jpg) no-repeat left center;

Sehingga code css yang kita miliki sekarang adalah:

.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://pic90.picturetrail.com:80/VOL2182/12207942/21728737/
358415069.jpg) no-repeat left center;
}

Setelah anda menambahkan kode jangan lupa paddingya diatur agar gambar terlihat dengan ukuran yang sempurna. Contoh untuk padding padding: 48px 0px 0px 45px;
Kode yang tercetak tebal dan merah di atas adalah lokasi URL gambar, jika anda ingin mencari koleksi gambar lainnya, anda dapat mencari di situs iconarchive.
Terakhir Simpan Template dan lihat hasilnya dengan klik View Blog.

Sekian artikel berjudul Memasang Gambar Pada Judul Posting, Semoga bermanfaat. URL artikel: http://javablogtrik.blogspot.com/2012/04/judul-posting.html

Artikel Terkait: