Merubah Background Postingan
Suatu waktu mungkin kita bosan dengan
background postingan kita yang warnanya putih atau hitam polos, atau
mungkin sekedar ingin mencoba bereksperimen kecil maka kita boleh
mencoba merubah backgroun postingan dengan cara-cara berikut ini, karena pengetahuaan yang baru pasti sangat menyenangkan. Nah cara membuat backgroun postingan yang saya tahu saat ini baru dua cara...
</div>
Tulisan kode warnanya disini anda ganti dengan kode warna yang anda inginkan. Bisa lihat macam-macam kode warnanya disini. Yang perlu diperhatikan saat anda meletakkan kode tersebut, anda harus memilih tab edit HTML, jangan Compose.
Sebagai contoh backgroun dengan warna pink...
<div style="background:#FFCCFF">
Hasilnya akan seperti ini :
Yang harus diperhatikan anda harus berada pada posisi edit HTML, berikut kode diawal postingan:
<div style="background:url(alamat gambarnya disini) no-repeat;">
Diakhir postingan tutup dengan kode berikut:
</div>
Ganti tulisan alamat gambarnya disini dengan alamat gambar yang ingin anda tampilkan.
Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.
Contoh, saya ingin membuat posting dengan background yang beralamat di http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :
<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat center top; text-align:justify; font-size:90%; padding:10px">
Maka hasilnya seperti ini:
- Yang Pertama untuk membuat background warna, caranya...
<div style="background:kode warnanya disini">
Dan diakhir postingan, harus di tutup dengan kode seperti ini : </div>
Tulisan kode warnanya disini anda ganti dengan kode warna yang anda inginkan. Bisa lihat macam-macam kode warnanya disini. Yang perlu diperhatikan saat anda meletakkan kode tersebut, anda harus memilih tab edit HTML, jangan Compose.
Sebagai contoh backgroun dengan warna pink...
<div style="background:#FFCCFF">
Pada
setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka
tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang
ada di dalam jiwamu.
Optimislah walaupun engkau berada dalam terpaan bencana.
Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.
Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.
Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?
Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.
Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.
</div> Hasilnya akan seperti ini :
Pada
setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka
tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang
ada di dalam jiwamu.
Optimislah walaupun engkau berada dalam terpaan bencana.
Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.
Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.
Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?
Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.
Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.
- Yang kedua Membuat background dengan Gambar
Yang harus diperhatikan anda harus berada pada posisi edit HTML, berikut kode diawal postingan:
<div style="background:url(alamat gambarnya disini) no-repeat;">
Diakhir postingan tutup dengan kode berikut:
</div>
Ganti tulisan alamat gambarnya disini dengan alamat gambar yang ingin anda tampilkan.
Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.
Contoh, saya ingin membuat posting dengan background yang beralamat di http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :
<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat center top; text-align:justify; font-size:90%; padding:10px">
Pada
setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka
tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang
ada di dalam jiwamu.
Optimislah walaupun engkau berada dalam terpaan bencana.
Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.
Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.
Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?
Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.
Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.
</div>Maka hasilnya seperti ini:
Pada
setiap tempat engkau akan mendapatkan kegelapan dalam hidupmu, maka
tidak ada yang mesti engkau lakukan kecuali menghidupkan lentera yang
ada di dalam jiwamu.
Optimislah walaupun engkau berada dalam terpaan bencana.
Besok kita menanti pohon raihan akan berbunga, kesedihan akan sirna dan kebahagiaan akan menjelma.
Emasmu adalah agamamu, perhiasanmu adalah akhlakmu, dan hartamu adalah budi pekertimu.
Setiap manusia akan hidup; orang yang mempunyai istana dan orang yang hidup didalam gubuk…akan tetapi siapakah yang bahagia?
Biarkanlah orang yang zalim dihadapkan pada pengadilan akhirat, yang pada saat itu tidak ada hakim kecuali Allah.
Penyakit adalah berita yang membawa kabar gembira dan sehat adalah perhiasan yang berharga.
Nah
jika kita ingin mempatenkan background tersebut sebagai backgroud pada
setiap postingan kita agar tak capek mengeditnya, caranya masuk menu
pengaturan/ settinf =>klik tab format=>pada bagian akhir kolom
format letakkan kode diatas
Nah selamat mencoba, semoga bermanfaat! Untuk melihat postingan saya lainnya yang memiliki background klik disini
0 komentar:
Posting Komentar