Info unik dari monozcore.blogspot.com kali ini mengenai salah satu trik membuat gambar background blog menjadi dinamis. Trik ini menggunakan JQuery sederhana yang dikhususkan untuk membuat gambar background menjadi bergerak (Scrolling Background). Script ini membuat gambar background blog bergerak secara vertikal dari arah bawah ke arah atas. Buat sobat blogger yang ingin mencobanya silakan disimak trik membuat scrolling background berikut ini.
- Login » blogger.
- Rancangan » Edit HTML.
- Apabila anda belum menggunakan kode JQuery silakan anda pasang kode JQuery dibawah ini tepat di atas Kode </Head>.
- Copy-Paste kode di bawah ini tepat di atas Kode </Head>.
- Copy-Paste Kode CSS di bawah ini tepat di atas Kode </Head> untuk memasang gambar background. Anda dapat mengganti gambar background sesuai dengan yang anda inginkan dengan merubah alamat hosting gambar pada Kode CSS di bawah dengan alamat hosting gambar yang anda pilih.
- Keterangan :
- repeat // Pengulangan gambar arah x dan y.- repeat-x // Pengulangan gambar hanya arah horizontal.
- repeat-y // Pengulangan gambar hanya arah vertikal.
- http://3.bp.blogspot.com/-tS5lZKl3Qag/TtjQUfMzi2I/AAAAAAAAAkA/QZc2FwvhW4o/s200/bg.gif // URL Link gambar.- center // Lokasi gambar berada di tengah layar.- Left // Lokasi gambar berada di kiri gambar.
- Right // Lokasi gambar berada di kanan gambar.
Pilihan Gambar Background
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0nlkb4ucR78JL16OzaVqc4dstvPPE_zK8ZnMH9ZQTJdsD3BMErUc1Cov2ysk0UFi16icZ-G4p_lY6tVT_k8t2OCPUXlb2f1ZGyEZ0Sj4jNKdf6nNNpnl80diSIcPspdefL6aFN7HtZBbR/s800/bg.gif
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcbkXHo5eogHXqtGjnn__mgTwlFk-RqREGHX_0DSc7zQRPa4Imlw45PsAdJwxOyDZ8wRk37khCY-SiOL0Tv90YpHNDhsmZ455psWZ8FTwZbeMmjWcr9o-S9HR7o9F0MTLmaUBr0jOq2XGz/s800/bg_star.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAZ-cLxxevRYJ4XRbHeQAUTdPqI70GjN7mQBH5Spck-kSilNJKnmPIIWLPjj4nt47jmaWFP-aQPZcn89r2ooSY4m3_G9YVz9TaSJ3Ub9h0OLxAtPoqGPCMm-kjSfTysvZdx17H6ii6QIcj/s800/bg-clouds.jpg
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRtYudTGz9uu8e6sUvlkcp-p6mO-IVKExgsxuwfYM9IipU5XsslMVloP67EbqrLr4KCWapD9fcNz0PBKmnp-b2DFEGA0Uy2KpL3Y4VrTRCGaDUBuUT92EAzBSMWZeMCv_x3zPQNuVnygm/s800/skull-fire-monozcore.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzEwvxvQmFq0MoBzdGlEHn0UBnv7UIQOl-N7jLsmmuaVG2LPeJqsYwX6rDxLaOFXVDd1Aop7aDzYmjN0P5AYzcUk4rcmjrZhS296c2nWF4k7WpwFrf9IbI1CHdlcZXloYH1gVW4QCMOQf/s800/dance_flow.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGcAZuxoi9Onem-GodFHXFnc27trog3zHeC4OqP75uLinPDJANhIlljCvJ8_sFthJoHevMjxXDzny8Lt6zHuL0VTuzX9IDNvYXQ-96ivVejy1r_SAoe5dwQl0rPdvmoAHgI4096ujk0Jxd/s800/ThighHeels.png
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQB6z5la1w0saeEJCjx1PPGy4W1URYYLuDnAdif8DX4vRCFAJl6SSOB2nyg-DStWJCcISn9FB-vzBeughlCz-MyEqrvoQxMo-IZXzhRwZ2NO1AU8duLxrkihFNHRdikrcXCEJZ505ff5Ob/s800/animated%2520stars.gif
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZPgruoPx_fs4oII-tpPx5B6vCnS3kRfDN8cCzxtbZ21sLHCJfymmpf_1vQFLeD8-M_ilHtSK06BnDqMzQQLTOdknNzNi2vpdIO6j4FpA58bEUFpBYmnxLOvmDDnwUGRMBE5v0NZS1HHY/s800/animated%2520blue%2520stars.gif
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgFcN5JDvscGrXUW1mB7itY7YmaRoe0W96V4U2biW7B0PCv_SazAPeA17qVVsAvvvPo9kuqMFUHf8jYfAXu9eR8T2o3lim18gTFLwHQWEsO_N_uU8909q6XGYxkAi2fN4ASiyVZCDlZnWa/s800/devil_angel_lolita_bg.pngSumber : http://www.monozcore.blogspot.com----------Selamat Mencoba ------------------Salam Wahyu's Bloger-------
kode head itu apaan
ReplyDeletemaaf kk yang devil angel lolita itu scriptnya gak bakal bergerak soalnya formatnya png bukan gif begitu juga dengan Thighheels dan lainnya,perhatikan juga format filenya << faisaldailyblog.blogspot.com
ReplyDelete