Mengganti Background Halaman Posting

Jumat, 25 Februari 20110 komentar


Mengganti Background Halaman Posting Pada Blogger
Pasti 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.



Share this article :

Posting Komentar

 
Template ini : Dimodifikasi Oleh Basuki Rakhmat | BLOGnya Basuki
Terima kasih pada Mas Johny | SayaDownloas Templatenya
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger