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
- Masuk ke halaman admin WordPress/blogger anda.
- Klik [Posts] > [Add New]. (Seperti akan membuat postingan biasa)
- 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> - Kemudian tulis artikel-anda dan setelah selesai kembali ke mode [Visual] (WordPress) / [Compose] (Blogspot).
- Kemudian klik tombol [Publish].
- 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..
Uda dulu tulisan hari ini, ane mau istirahat dulu.. barusan dibantai soal UTS yang sulitnya kayak ujian mau masuk tentara..
- Membuat Daftar Isi Blog dengan Animasi Spiderman Joged joged
- Cara Membuat Flowchart dan Diagram
- Prosedur Pendaftaran Merek di Ditjen HaKI Tangerang
- Kalender Hijriyah dan Masehi DOWNLOAD
- Bisnis Online Modal Dikit Keuntungan Selangit
- Kode Memasang Video Youtube di Halaman Facebook FBML
- Menambahkan Static FBML Halaman Penggemar Facebook
- Cara Konfirmasi Pertemanan Facebook Sekaligus (Hack Script)
- Membuat Backgound Animasi Gambar di Postingan WordPress dan Blogger
- Cara Update Status Facebook Animasi Emoji
- Situs Facebook dan Twitter di Blokir IT Kantor? Ini Solusinya
- Cara Memperbaiki Printer Epson yang Mati Total
- Cara Setting Blogspot dengan domain .web.id
- SMA NEGERI 9 MEDAN
- Memasang Toolbar Keren di Blogger – WordPress (Wibiya)
- free download wordpress 3.2 beta 1
- Peluncuran WordPress 3.2
- Alumni SMA NEGERI 9 MEDAN Akan Launching Situs Jejaring Sosial Khusus
- Software Kode Warna Gratis ColorPic 4.1
- Perbedaan antara XML dan HTML
Kalo Membuat Pesawat2an Helikopter kayak Blog agan Gmn????
Terima Kasih Gannn
Nice Info….
oks, thanks dah mampir gan
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…
Oke gan saya tunggu script codenya di emailq bosgentongs@gmail.com
Udah gan,
entar agan kutak katik sendiri posisi animasi sama url tujuannya.. Met mencoba gan
tx for info’y gan, tapi background putih bisa diganti warna lain ga?tx
Pingback: Free Download Windows 7 Themes 2011 « nurkholis
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..
hahaha
back soudnya ap sam .. keren judulnya ap .. liat blogq jga ya .. mksh bwt smua infonya .. >_________<
Pingback: Membuat Backgound Animasi di Postingan Wordpress dan Blogger « Sadam.Web.id
MAKASIH BRO INFONYA
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?
.pinta lagu’nya dongg ,…
kasih nya dong ..!!
Terima Kasih
makasi atas infonya
saya tunggu lagi info berikutnya.