Memasang Background Di Belakang Posting

Posted on Updated on

Apa yang membuat lama kita untuk posting..? salah satunya adalah merasa ragu dengan tampilan  setiap posting yang kita buat, kadang kita sering bertanya “nora ga ya..? dengan tampilan begini..?, tapi ada tip untuk menutupi  masalah tampilan posting kita, dengan sedikit bantuan HTML code, kita tambahkan  sebelum kita mulai posting

di bawah ada beberapa cara untuk mempostingkan  dengan background sesuai keinginan kita. Untuk background karena ini auto load, sebaiknya  diupload dahulu di web kita sendiri, jangan link ke web lain, untuk menghindari  loading yang  lelet.

Online Posting

  • Masuk ke admin WordPress anda.’
  • Klik [Posts] > [Add New].
  • Copy kode dibawah dan paste-kan di area “HTML“:

    <div style="padding: 5px; background-image: url(http://alamat_gambar_anda.jpg); background-repeat: repeat; background-position: center;">isi artikel

    </div>

  • Kemudian tulis artikel anda dan setelah selesai kembali ke mode “Visual“.
  • Dan klik tombol “Publish“.

  • Kemudian tulis artikel anda dan setelah selesai kembali ke mode “Visual“.
  • Dan klik tombol “Publish“.

OffLine Posting

Untuk lebih familiar dengan fireFox sebaikanya memakai ScribFire (program Add On) ,atau boleh juga blogpost, saya akan coba dengan ScribeFire

  • Buka Fire FoX
  • Klick Tools pada menu atauboleh juga pencet F8
  • Klick New
  • Klick  Source Editing (bagian kiri atas menu) dengan simbul <A>
  • Copy paste  code Html diatas
  • uploading gambar yang kita akan jadikan background
  • Copy paste  alamat setelah upload pada  tulisan merah
  • masukan  tulisan posting kita pada bagian isi artikel
  • setelah selesai klik Rich editing (bagian kiri atas menu)
  • anda akan lihat hasilnya


Tips:

  • Gunakan warna huruf yang lebih terang dari gambar backgroundnya agar mudah dibaca.
  • Kalau bisa gunakan gambar yang lebih transparan.
  • untum pemula sebaiknya  dicoba dengan scribefire secara offline lebih aman saat ada kesalahan  tidak harus unloading di web, sebelum di publish


sumber :
bootingskoblog.wordpress.com



Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s