Jumat, 21 September 2012

You are here : Home » TAMPILAN BODY 2, TRIK NGE-POST, TRIK NULIS » Pasang Background Gambar di Dalam Postingan

Pasang Background Gambar di Dalam Postingan

background postingan

Beberapa waktu lalu, saya sempat membuat postingan cara membuat background gambar ke dalam widget pada side bar.

Sekarang bagaimana jika background gambar kita tanamkan di dalam postingan ?? Apakah bisa ??

Tentu saja bisa. Lihat saja contoh postingan yang sedang Agan baca ini.

Terdapat background bergambar mawar putih, bukan ?? Nah, ini bisa Agan terapkan ke dalam postingan dengan gambar berbeda di setiap postingannya.

Untuk kodenya, Agan cukup salin kode ini :

<div style="background: url(alamat gambar) no-repeat;"> di awal postingan.

</div> di akhir postingan.

Contohnya seperti ini :

<div style="background: url(alamat gambar) no-repeat;">
Beberapa waktu lalu, saya sempat membuat postingan cara membuat background gambar ke dalam widget pada side bar... bla... bla...
</div>

Nah,  mudah kan ? Sesuaikan warna gambar dengan warna background body pada blog. Sementara apabila Agan ingin membuat background lebih dari 1 gambar, itu pun bisa.

Jadi dalam satu postingan terdapat 2 background.

Seperti ini contohnya :

Lihat, pada paragraf ini terdapat bakcground bergambar mulut, bukan ??

Lakukan cara yang sama dengan meletakkan kode di atas pada saat Agan membuat postingan. Tepatnya di tool "HTML". Jangan di "Compose".

Untuk memastikan apakah Agan benar meletakkannya, jangan langsung klik "Publikasikan", tetapi cek dahulu dengan menekan tombol "Pratinjau".

Ok, selamat mencoba

4 komentar:

  1. wah mantabs sekali gan... izin coba ya gan.. biar blog makin tambah menarik.Terima kasih info dan tutorialnya.

    BalasHapus
  2. pakai background...waaahh...menarik banget

    BalasHapus