Alangkah indahnya jika di posting kita terdapat background gambar yang terletak tepat dibelakang tulisan yang kita buat. Setidaknya semakin menambah indah tampilan posting kita walaupun tulisanya tidak menarik sama sekali
Adakalanya pengunjung kita manjakan dengan tampilan blog yang menarik. Bisa saja page view kita bertambah gara-gara pengunjung hanya cuma ingin melihat background apa saja yang ada di setiap posting kita. Tips ini juga dapat diterapkan pada sidebar / widget blog anda, seperti pada blog saya ini.
Oke sobat berikut ini langkah-langkah untuk membuat tips diatas :
1. Login pada blog sobat
2. Klik Tata Letak / Layout
3. Klik Tambah widget (jika ingin ditempatkan pada sidebar / widget blog)
4. Silahkan Copy-kan kode dibawah ini
5. Paste-kan pada widget blog anda
6. Klik Simpan
7. Silahkan Lihat blog sobat / Refresh
Berikut ini contoh dari penggunaan kode diatas dengan URL gambar yang saya miliki dan nilai padding: 30px.
Berikut ini dengan ketentuan yang sama dengan sebelumnya, tetapi pada bagian background-repeat: no-repeat; dan background-position: left; tentu saja dengan URL gambar lainnya.
Tips:
Gunakan warna huruf yang lebih terang dari gambar backgroundnya agar mudah dibaca.
Teks juga dapat anda gunakan berupa URL / kode HTML lainnya.
Kalau bisa gunakan gambar yang lebih transparan.
Gambar juga dapat berupa image animasi seperti berikut ini
Kode diatas dapat anda download dan modifikasi disini Download Kode
Adakalanya pengunjung kita manjakan dengan tampilan blog yang menarik. Bisa saja page view kita bertambah gara-gara pengunjung hanya cuma ingin melihat background apa saja yang ada di setiap posting kita. Tips ini juga dapat diterapkan pada sidebar / widget blog anda, seperti pada blog saya ini.
Oke sobat berikut ini langkah-langkah untuk membuat tips diatas :
1. Login pada blog sobat
2. Klik Tata Letak / Layout
3. Klik Tambah widget (jika ingin ditempatkan pada sidebar / widget blog)
4. Silahkan Copy-kan kode dibawah ini
5. Paste-kan pada widget blog anda
6. Klik Simpan
7. Silahkan Lihat blog sobat / Refresh
Berikut ini contoh dari penggunaan kode diatas dengan URL gambar yang saya miliki dan nilai padding: 30px.
Tulis teks disini...
Berikut ini dengan ketentuan yang sama dengan sebelumnya, tetapi pada bagian background-repeat: no-repeat; dan background-position: left; tentu saja dengan URL gambar lainnya.
Tulis teks disini...
Tips:
Gunakan warna huruf yang lebih terang dari gambar backgroundnya agar mudah dibaca.
Teks juga dapat anda gunakan berupa URL / kode HTML lainnya.
Kalau bisa gunakan gambar yang lebih transparan.
Gambar juga dapat berupa image animasi seperti berikut ini
Komentarnya saya tunggu ... atau kalau masih kurang jelas silahkan tinggalkan komentarnya...
Kode diatas dapat anda download dan modifikasi disini Download Kode
oke sip banget sobat tips nya saya coba ya ..!!
Mantap tenan sobat kucoba ni ...