Menambah Cuci Mata
Emh..emh…background postingan warnanya itu melulu bosen ah..bikin ngk semangat ngeblog..mendingan lihat cewek cantik..kalo engk lihat Facebook banyak banyak yang beningg..eit tunggu dulu pengen beda-beda postingan agar blogger lainnya ngk bosen, template klasik ngk nyebelin buat di otak atik..asalkan you punya imajinasi kelas tinggi..jangan Cuma mikirin cewek doang… lanjut
Membuat background dengan warna
Agar warna background postingan bisa berbeda-beda setiap postingan, sobat 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:#cc0000;">
Tulis postingan sobat disini
Dan diakhir postingan, harus di tutup dengan kode seperti ini :</div>
Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan. Untuk melihat kode-kode warna sobat bisa ke menu font dan warna. Karna template klasik masih bawaan mbah blogger menu ini tersedia, lain dengan template gratisan menu font dan warna tidak bisa di pakai…coba pilih dan lihat di samping kanan, kode warna akan muncul. Copy truz taro deh kode itu di contoh kode seperti diatas..pratinjau sebelum disimpan..
Karena kode ini merupakan Style dari CSS, maka tentu saja bukan hanya warna background yang bisa anda tentukan, warna hurup, jenis hurup, perataan posting, dan lain-lain pun bisa anda tentukan. So, yang pasti postingan anda akan bervariasi dan tidak terkesan membosankan . Sebagai contoh, jika postingan anda ingin berwarna background abu-abu, tulisan bisa rata kiri-kanan, besarnya hurup 120% dan padding sebesar 10 pixel :
Pake kode seperti ini<div style="background:#D9D7D7; text-align:justify; font-size:120%">
Tulis postingan sobat disini dan lihat hasilnya</div>
Kalo kurang puas balik aja..ngk masalah ko..asalkan masih punya waktu buat ngerjaiinnya
Membuat background dengan Gambar
Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background. Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Seperti photobucket.com atau laiinnya
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :<div style="background:url(alamat_gambar_disini) no-repeat;">
Tulis postingan sobat disini
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 inipun bisa anda tambah-tambahin sesuai dengan keinginan.
Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://i573.photobucket.com/albums/ss172/dhaniels.jpg, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :<div style="background:url(http://i573.photobucket.com/albums/ss172/dhaniels.jpg) no-repeat right top; text-align:justify; font-size:90%; padding:10px">
Tulis text kamu disini
Dan diakhir posting tambahkan kode dibawah ini</div>
Lihat Hasilnya
Setiap kali mengedit, ngk usah takut template kamu berantakan. Template klasik mudah di edit, kode html nya ngk begitu rumit karna tidak terlalu banyak fitur seperti template gratisan. Jadi kalo berantakan balik lagi aja..ok
| Follow @pengen_lihatgak |
Thanks atas sharing artikelnya sobatku.