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.

You can do it.

11 komentar:

  1. :n: Ternyata begitu caranya....
    Thxs Bos.... :g:

    ReplyDelete
  2. Tq mas atas infonya :n:
    Jgn lupa kunjung balik y

    ReplyDelete
  3. nice share ty :a

    di tunggu kunjungan baliknya ya

    ReplyDelete
  4. Mas,klu udah banyak ngepost cara ganti backgroundnya gimana?trims

    ReplyDelete
  5. lihat disini aja gan di sini sudah ada background posting http://all-is-human.blogspot.com

    ReplyDelete
  6. Gimana caranya Mengganti background di HTMl ?? bisa kasi tau gx ?

    ReplyDelete
  7. ... makasih, segera mau saya coba dulu !

    ReplyDelete
  8. kalau untuk halaman depan bisa berfungsi kah?

    ReplyDelete