Labels

pengunjung

Categories

translate

profil

Foto Saya
widi anggara
Lihat profil lengkapku

Sabtu, 19 Mei 2012

cara membuat background dengan animasi

Membuat Backgound Animasi Gambar di Postingan WordPress dan Blogger


8 Votes
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

0 komentar: