Selasa, 07 Desember 2010

Mengganti Background Halaman Posting Pada Blogger

ada beberapa user yang bertanya, " bagaimana mengganti bagroun pada posting??" maka kali ini fian akan beri tahu cara nya.blog akan  lebih menarik jika pada saat Anda memposting sebuah artikel, Anda dapat mengubah background posting dengan warna yang berbeda/ berbackground sebuah gambar sesuai dengan keinginan Anda. Caranya, Anda cukup menambahkan sedikit kode pada isi halaman Anda.
Silakan ikuti langkah-langkah berikut: 
Untuk mengganti warna background

1. Ubah posting Anda pada mode Html
2. Kode yang perlu Anda tambahkan


<div style="background:#58FAF4; padding:5px 8px 5px 8px;">Tulis text Anda disini</div>

Keterangan:
  • #58FAF4 : Ganti dengan warna background sesuai dengan keinginan Anda
  • Tulis Text Anda disini : Adalah artikel yang ingin Anda tulis
Contoh:
<div style="background:#58FAF4; padding:5px 8px 5px 8px;">Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan. Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat. Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.</div>

Hasilnya:
Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan. Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat. Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.


Untuk mengganti background dengan gambar


1. Ubah posting Anda pada mode Html
2. Kode yang perlu Anda tambahkan


<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat right top;">
<span style="color: #000000;">Tulis Text Anda disini</span></div>


Keterangan:
  • http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif : Adalah gambar background , ganti dengan url gambar yang Anda inginkan
  • Untuk yang tulisan no-repeat right top;, bisa diganti dengan letak sesuai keinginan Anda, misal:
    1. Untuk posisi gambar background di tengah: no-repeat center top;
    2. Untuk posisi gambar background di kanan atas: no-repeat right top;
    3. Untuk posisi gambar background di kiri atas: no-repeat left top;
  • Tulis Text Anda disini : Adalah artikel yang ingin Anda tulis
  • #ffffff : Adalah warna tulisan, ganti warna tersebut sesuai keinginan anda

Contoh:

<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat center top;">
<span style="color: #088A85;">
Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan.
Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat.
Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.
Masa depan Anda tergantung pada diri Anda bukan pada pada orang lain.
Seni pencarian jalan yang Anda buat, adalah sesuatu kebanggaan dan keasyikan tersendiri.

You can do it.
</span></div>

Hasilnya:


Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan.
Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat.
Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.
Masa depan Anda tergantung pada diri Anda bukan pada pada orang lain.
Seni pencarian jalan yang Anda buat, adalah sesuatu kebanggaan dan keasyikan tersendiri.







dan untuk kode border pada teks ini menggunakan :
<div style="border: 10px ridge green;">isi posting</div>

0 komentar:

Template by : kendhin x-template.blogspot.com