Bagaimana ya caranya membuat background header blog menjadi animasi? tadinya itu adalah problem bagi saya. Tapi, ternyata setelah saya coba utak utik dan saya coba berkali-kali tenyata tidak sulit dan tidak membutuhkan waktu yang lama untuk bisa mempercantik blog kita, paling kendala yang saya temui sedikit rumit "tadinya" adalah saat mengatur lebar dan tinggi ukuran sisi sisinya, karna memang untuk tampil bagus dibutuhkan angka Pixel yang pas, baru bisa dibilang sempurna.
Baiklah tanpa panjang lebar lagi langsung saja kita mulai tutorialnya membuat header blog kita menjadi lebih hidup, berikut caranya ;
1. jika anda sudah login email (gmail) tinggal tekan ctrl+t lalu ketik blogger dan tekan ctrl+enter lebih cepet sih kalau menurut saya,
2. Saat ini anda sudah masuk menu Dasbor, pilih menu
3. Klik menu
4. Jangan lupa centang kolom
5. Tekan Ctrl+F cari kode dibawah
#header{background:
maka akan ketemu alamt link yang seperti ini
#header{background:#242424 ur1("http://i795.photobucket.com/albums/yy237/clerk_album/digits-numbers-binary-rain.gif") repeat left;float:left;width:1048px;height:20px;margin:0;border:0 solid
Kode yang berwarna merah silahkan diganti alamat link animasi anda bisa dalam format .gif atau tetap seperti itu jika ingin tampilannya seperti header blog saya
6. Ganti besar pixelnya
(untuk mengatur lebar kesampingnya)
(untuk mengatur tinggi/penyesuaian keatas)
biasanya disini yang sedikit rumit, namun jika sudah paham akan cepat dalam menentukan ukurannya.
7. Jangan lupa dilihat dulu lewat menu
jika hasilnya sudah sesui keinginan anda bisa langsung Save template
dan akhirnya selesai ^_^ bagaimana mudah bukan? selamat bereksperimen teman teman....
Baiklah tanpa panjang lebar lagi langsung saja kita mulai tutorialnya membuat header blog kita menjadi lebih hidup, berikut caranya ;
1. jika anda sudah login email (gmail) tinggal tekan ctrl+t lalu ketik blogger dan tekan ctrl+enter lebih cepet sih kalau menurut saya,
2. Saat ini anda sudah masuk menu Dasbor, pilih menu
3. Klik menu
4. Jangan lupa centang kolom
5. Tekan Ctrl+F cari kode dibawah
#header{background:
maka akan ketemu alamt link yang seperti ini
#header{background:#242424 ur1("http://i795.photobucket.com/albums/yy237/clerk_album/digits-numbers-binary-rain.gif") repeat left;float:left;width:1048px;height:20px;margin:0;border:0 solid
Kode yang berwarna merah silahkan diganti alamat link animasi anda bisa dalam format .gif atau tetap seperti itu jika ingin tampilannya seperti header blog saya
6. Ganti besar pixelnya
(untuk mengatur lebar kesampingnya)
(untuk mengatur tinggi/penyesuaian keatas)
biasanya disini yang sedikit rumit, namun jika sudah paham akan cepat dalam menentukan ukurannya.
7. Jangan lupa dilihat dulu lewat menu
jika hasilnya sudah sesui keinginan anda bisa langsung Save template
dan akhirnya selesai ^_^ bagaimana mudah bukan? selamat bereksperimen teman teman....
Wis, Keren Juga. tapi bisa juga kan pake Flash, biar lebih interaktive! cuman masih lebih suka sama yang dulu (nggak bergerak headernya). thanks sob, Nice Article.
Salam.
Happy Blogging.
gmana sih cara pasang banner Flash ?? ajarin dongg...
Terimakasih atas infonya, namun saya masih kesulitan nih?salam kenal aja yah
wah agan2 yang sudah master semua....
@ghani: ya bisa bro.. saking bingungnya mau nulis apa ni, trus bikin aja deh tutor kek gini :p
@Achmad : bisa bisa...
@Arpan: bingung dimananya brader.. sebenernya tiap sc blog kan beda headernya, jadi muti liat2 dulu, atau berani eksperimen... klo berhasil wah seneng banget lho rasanya...
thanks info nya ...
kunjungi juga ya ..
http://randyconfickerzsystem.blogspot.com/
nice inpo sob.... :)
Randy: blognya dah dihapus ya gan?
@sang: semoga si bermanfaat ya sob...
All thx atas koment anda sekalian,ini yang membuat blog ini berkembang ^_^ GBU all
Mantap blognya mas, indah sekali
terimakasih mas raharja atas komentar dan kunjungannya... kalau blog saya ini idah ini masih awalannya mas masih belajar kok
trims informasinya bosss.... salam hanhat Nalkoto
sama-sama mas nalkoto.. sudah menyempatkan diri untuk main ke blog saya.. saya juga akan main-main ke tempat anda.. salam sukses!
di html saya cari gak ketemu script #header{background: ,nah..ada solusi lain?? hayooo??
Buat Secret's kalau yg begini ada ga' ? cobain dech....
Maksudnya cari yang ini : header.background.gradient