6.13.2009

Menambahkan Back Ground pada Postingan

Bagaimana cara anda menampilkan latar belakang pada postingan sehingga membuat blog anda menjadi berbeda dan lebih menarik tampilannya seperti di bawah ini?
Caranya adalah dengan :

Membuat background dengan warna
Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan :
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :
<div style="background:kode_warna_disini;">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>
Contoh:

<div style="background:#
C0C0C0; text-align:justify; ">

Oleh karena itu, pada kesempatan ini, dari lubuk hati terdalam, saya ingin berterimakasih kepada para sahabat yang telah berbagi dengan saya. Saya percaya, dengan memberi maka kita pun akan menerima. Itu adalah rumus Semesta, dimana kita semua tidak bisa lari atau bersembunyi daripadanya.

</div>

Hasilnya akan seperti ini: ( dengan warna background C0C0C0) abu abu
Oleh karena itu, pada kesempatan ini, dari lubuk hati terdalam, saya ingin berterimakasih kepada para sahabat yang telah berbagi dengan saya. Saya percaya, dengan memberi maka kita pun akan menerima. Itu adalah rumus Semesta, dimana kita semua tidak bisa lari atau bersembunyi daripadanya.

Jika warna backgroundnya kita rubah dengan warna kuning kode #ffff66, maka hasilnya adalah seperti ini:
Oleh karena itu, pada kesempatan ini, dari lubuk hati terdalam, saya ingin berterimakasih kepada para sahabat yang telah berbagi dengan saya. Saya percaya, dengan memberi maka kita pun akan menerima. Itu adalah rumus Semesta, dimana kita semua tidak bisa lari atau bersembunyi daripadanya.

Untuk kode warna anda bisa cek situs ini.

Membuat background dengan gambar

Untuk membuat postingan dengan gambar tentu saja anda harus mempunyai gambar yang tersimpan di hosting gratisan. Sebagai contoh disini, saya mempunyai akun di www.Photobucket.com dan menyimpan gambar disana. Sekarang kita masuk ke dalam tahap pembuatan background dengan gambar: Masuk kepostingan baru. Sama seperti diatas pilih Tab Edit HTML jangan Compose / Tulis. Awali postingan juga dengan:
<div style="background:url(alamat_gambar_disini) no-repeat;">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>

Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan. Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang.

Seperti halnya pada background dengan warna, kode ini pun bisa anda tambah-tambahin sesuai dengan keinginan. Untuk tampilan foto Iwan Fals kali ini saya blur supaya teks yang saya tulis diatasnya bisa lebih terbaca. Untuk melakukan efek blur anda tinggal mengatur opacity nya. Anda bisa lakukan di Program Photoshop atau secara online anda juga dapat melakukannya di Photobucket.com.

Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://i693.photobucket.com/albums/vv298/neokoder/iwanfals-2.jpg, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :

<div style="background:url(http://i693.photobucket.com/albums/vv298/neokoder/iwanfals-2.jpg) no-repeat right top; text-align:justify; font-size:90%; padding:10px">

Virgiawan Listianto yang populer dengan nama Iwan Fals dikenal sebagai ‘wakil rakyat’ yang lantang menyuarakan seruan hati para wong cilik. Sepanjang karirnya selama kurang lebih 20 tahun di dunia musik ia telah terbukti memiliki kelompok penggemar khusus yang dekat dengan kemiskinan, ketidakadilan dan pengangguran. Lagu-lagunya kerap dihubungkan dengan protes-protes sosial seperti pernah terkenal lewat Oemar Bakrie (1981) dan Bento (1991).

Nama besar yang disandangnya saat ini dicapainya setelah melalui jalan penuh kerikil dan berdebu di bawah hujan dan terik matahari dalam komunitas ‘pengamen jalanan’. Pria yang diberi julukan “Pahlawan Besar Asia” menurut majalah Time Asia edisi 29 April 2002 ini mengalami banyak perubahan selama enam tahun terakhir.

Kepergian anak pertamanya, Galang Rambu Anarki (almarhum), April 1997, seorang gitaris yang baru saja meluncurkan album perdananya di usia 15 tahun, membuatnya semakin menghargai posisinya sebagai seorang ayah yang harus menjaga, mendidik, dan memelihara anak-anaknya. Rasa cintanya kepada dua anaknya, Annisa Cikal Rambu Basae dan Rayya Rambu Robbani, adalah pengobar semangat di usianya yang kini sudah berkepala empat.

Iwan Fals yang pernah memperoleh Juara II Karate Tingkat Nasional, sempat masuk pelatnas dan melatih karate di kampusnya, STP (Sekolah Tinggi Publisistik) sehari-harinya dipanggil Tanto. Ia lahir pada 3 September 1961 di Jakarta dalam keluarga besar yang taat beragama. Dari sembilan bersaudara, empat meninggal dunia. Semenjak kecil Iwan sering diajak ibunya, Lies Haryoso, mengikuti berbagai kegiatan sosial. Kini, ibunya masih aktif mengurusi sebuah yayasan sosial miliknya yang menampung anak-anak tidak mampu dan menyantuni orang-orang jompo. Yayasan sosial `Hairun Nissa' yang didirikannya tahun 1986, kini menyantuni 213 anak dalam panti, 90 anak non panti, dan 313 orang tua jompo.
Semenjak kecil Iwan sudah berjiwa sosial dan sangat perhatian kepada teman-temannya. Itu semua terbukti ketika Iwan dengan murah hati memberikan pakaian yang dia pakai dan sepatu baru yang harganya mahal kepada temannya yang membutuhkan.

</div>
Untuk jelasnya anda bisa klik gambar di bawah ini..... atau anda kunjungi blog saya yang lain www.neokoderinspirasi.blogspot.com
( Sumber saya : Blog Kang Rohman )

Komentar :

ada 0 komentar ke “Menambahkan Back Ground pada Postingan”

Post a Comment

About This Blog

Blog ini saya persembahkan bagi mereka:
yang sedang terpuruk dan berusaha bangkit lagi;
yang normal dan akhirnya menjadi cacat;
yang putus asa dan kehilangan harapan....

tidak pernah ada kata terlambat....
untuk belajar
untuk berbuat
untuk menjadikan kehidupan ini menjadi lebih baik

Jangan pernah menyerah... Berbuat dan berbuatlah...
Karena pada saat anda melakukannya, "guru kehidupan" akan hadir dan menerangi hidup anda..

L i v e ~T r a f f i c ~F E E D J I T

P E N G I K U T

  © Blogger templates ProBlogger Template by Ourblogtemplates.com 2008 for NeokoderBlog

Back to TOP