Cara Membuat Background Pada Halaman Posting/Gadget

Minggu, 20 Februari 20110 comments

Background tulisan diperlukan untuk menunjukan/membedakan kelompok tulisan tertentu sesuai keperluan, hal ini dilakukan untuk variasi kalau mungkin jenuh dengan merubah warna tulisan.

Bagaimana cara membuatnya, perlu langkah sederhana, namun perlu ketelatenan.

Langkah - langkah :
  1. Login ke Akun Blogger
  2. Klik Entri Baru/Edit Entri
  3. Klik Edit HTML
  4. Copy paste kode di bawah ini sebelum tulisan yang ingin ditampilkan di postingan :


<div style="background: none repeat scroll 0% 0% rgb(217, 215, 215); text-align: left;font-size:100%;">


5. dan akhiri dengan kode dibawah ini setelah tulisan yang ditampilkan di postingan dengan :


</div>


6. Selesai, jangan lupa Simpan

Contoh :

Pada halaman Edit HTML tertulis :

<div style="background: none repeat scroll 0% 0% rgb(217, 215, 215); text-align: left; font-size: 100%;">
Selamat datang di Prolingkungan.blogspot.com

</div>

Maka hasilnya seperti dibawah ini :


Selamat datang di Prolingkungan.blogspot.com



Dapat pula diatur paddingnya.......

Misalnya ingin mengatur padding 20 pixel, maka cukup ditambahkan <div style="padding: 20px;"> dan diakhiri dengan </div> pada akhir tulisan pada postingan

Sehingga menjadi :

<div style="background: none repeat scroll 0% 0% rgb(217, 215, 215); text-align: left; font-size: 100%;"><div style="padding: 20px;">
Selamat datang di Prolingkungan.blogspot.com

</div></div>

Maka hasil seperti dibawah ini :

Selamat datang di Prolingkungan.blogspot.com


Selanjutnya silahkan bereksperimen jika digabungkan dengan tulisan berjalan, berkedip dan lain lain.



Selamat Mencoba


Catatan :
Untuk merubah warna background, dapat dilakukan dengan mengganti komposisi warna pada rgb(kode warna)

_______

Mungkin tulisan ini yang anda cari :
Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Prolingkungan - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger