Cara Membuat Tulisan Bergambar

Membuat sebuah tulisan di atas gambar latar adalah sedikit dari banyaknya cara yang bisa kita terapkan untuk tujuan agar tampilan blog kita terlihat indah dan menarik. Cara yang satu ini bisa kita pasang di salah satu ruang kosong blog kita entah itu di bagian sidebar ataupun bisa juga dipasang pada postingan blog kita. Selain tujuan untuk memperindah tampilan blog, membuat sebuah tulisan di atas gambar juga dapat kita gunakan untuk membedakan antara salah satu kata, kalimat atau paragraf. Saya yakin meskipun saya tidak menjelaskan panjang lebar apa yang dimaksud dengan tulisan yang tercetak di atas gambar latar atau gambar background tersebut pasti agan-agan sekalian sudah mengerti, meskipun belum tahu tapi  setidaknya sudah ada gambaran mengenai hal tersebut di atas. Cara untuk membuatnya pun sangatlah mudah, kita hanya memerlukan beberapa kode html saja yang sedikit dan mudah untuk kita pahami.


Seperti inilah contoh tulisan di atas gambar background.

JUDUL TULISAN
Disinilah tempat untuk membuat
sebuah tulisan di atas background.
Jika tertarik untuk mencobanya
Silahkan praktekan !!

Jika tertarik untuk membuatnya silahkan ikuti langkah-langkah di bawah ini !!

1. Login terlebih dahulu ke blogger
2. Klik buat entri baru
3. Dalam keadaan mode html silahkan paste kode di bawah ini ke kolom postingan. (ingat yah harus dalam keadaan mode html bukan dalam keadaan mode compose)

<div style="background-image: url('http://blog-cilik.googlecode.com/files/Melamun%2BCewek%2BWidget%2BConten.png');
background-position: center; background-repeat: no-repeat;">
<div style="text-align: center;"> </div>
<div style="text-align: center;"> <b>JUDUL TULISAN</b><br />
Disinilah tempat untuk membuat<br />
sebuah tulisan di atas background.<br />
Jika tertarik untuk mencobanya<br />
Silahkan praktekan !! </div> </div> </div>

Silahkan lihat hasilnya. Mudah bukan ? Cara tersebut diatas adalah cara untuk membuat tulisan di atas gambar backgorund untuk dipasang di postingan blog kita. Kalau kita ingin memasangnya di sidebar sama saja kita tinggal langsung saja paste kode di atas ke kolom tambah gadget..

Jika ingin merubah huruf-huruf tersebut, kita tinggal menambahkan kode seperti ini.

<span style="color: white ; font-family:arial ; font-size: 14px">isi tulisan apa saja</span>
Untuk font-family:arial adalah jenis hurufnya, sedangkan font-size:14px adalah ukuran hurufnya.

O'y jika kita akan melakukan perintah untuk berganti baris atau untuk mengaktifkan fungsi enter pada keyboard silahkan pakai kode <br/>

Selesai....