Membuat Backgound Animasi Gambar di Postingan WordPress dan Blogger

Ini ada tips buat para blogger dan blogpress yang uda bosen dengan tampilan tulisan yang gitu-gitu aja. Di tulisan kali ini ane mau ngasi tau-cara membuat backgound gambar di tulisan, kali aja menurut agan-agan bisa lebih keren dari pada biasanya yg tanpa background. Langsung aja nih, cekedoott..!Cara Membuat Background Gambar di postingan WordPress dan Blogger

  1. Masuk ke halaman admin WordPress/blogger anda.
  2. Klik [Posts] > [Add New]. (Seperti akan membuat postingan biasa)
  3. Copy kode dibawah dan paste-kan di mode area [HTML]: (pastikan sekali lagi mode saat kode di kopi adalah HTML areabukan compose atau visual area)
    <div style="padding: 5px; background-image: url(http://alamat_gambar_anda.jpg); background-repeat: no-repeat; background-position: center;">
    Tulis disini...
    </div>
  4. Kemudian tulis artikel-anda dan setelah selesai kembali ke mode [Visual] (WordPress) / [Compose] (Blogspot).
  5. Kemudian klik tombol [Publish].
  6. Selesai dech, coba liat-hasilnya.

CONTOH SEPERTI POSTINGAN INI!!!

Untuk kutak katiknya, bisa diganti seperti ini

-background-repeat: repeat;

-background-position: right; (bisa juga, left, top, bottom)

-Untuk alamat animasi atau gambar pastikan url yg aktif, atau kamu mau animasi seperti postingan ini, http://saddamzikri.files.wordpress.com/2011/04/berantem-dahsyat.gif

Met ber imajinasi gan.. :D

Uda dulu tulisan hari ini, ane mau istirahat dulu.. barusan dibantai soal UTS yang sulitnya kayak ujian mau masuk tentara.. :(

18 comments on “Membuat Backgound Animasi Gambar di Postingan WordPress dan Blogger

  1. Kalo Membuat Pesawat2an Helikopter kayak Blog agan Gmn????

  2. Terima Kasih Gannn
    Nice Info….

    • oks, thanks dah mampir gan

  3. Gan Code yang Sampean kirimkan Kug gak keliatan??? Cman gambar doank????
    Nih previewnya komentar agan http://i53.tinypic.com/2j339k9.jpg
    Kirim aja ke email ana aja dech bosgentongs@gmail.com
    Thanks Gan Sukses selalu

    • wadduh, ok gan, sory.. ane kagak ngecek lg kemarin.. kayaknya mang kodingnya dech, alnya di kolom balasan komentar formatnya html. yauda ane send ke email aja sebentar lagi gan.. ane berangkat kerja dulu… kalo uda terima emailnya info ya gan… :D

  4. Oke gan saya tunggu script codenya di emailq bosgentongs@gmail.com

    • Udah gan, :D

      entar agan kutak katik sendiri posisi animasi sama url tujuannya.. Met mencoba gan

  5. tx for info’y gan, tapi background putih bisa diganti warna lain ga?tx

  6. Pingback: Free Download Windows 7 Themes 2011 « nurkholis

  7. dam…. ajarin aku nge blog….

    udah ketinggalan banyak aku…

    banyak yang aku gak tau…

    ok….

    • Hahahaha… aq pun jg guh.. jadi sama2 belajar lah kita.. :D hahaha

  8. back soudnya ap sam .. keren judulnya ap .. liat blogq jga ya .. mksh bwt smua infonya .. >_________<

  9. Pingback: Membuat Backgound Animasi di Postingan Wordpress dan Blogger « Sadam.Web.id

  10. MAKASIH BRO INFONYA

  11. misi gan numpang nanya,aq udah bkin 2 blog pertama blogspot trus yg kedua wordpress.tp anehnya knpa aq search lwat google gag mau muncul ya?
    apanya yang salah?

  12. .pinta lagu’nya dongg ,…
    kasih nya dong ..!!

  13. Terima Kasih

  14. makasi atas infonya
    saya tunggu lagi info berikutnya.

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

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

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s